Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Гиперссылки и графические обьекты в HTML-документе

Содержание

Гиперссылки Гиперссылки – связь текста или какого-либо объекта с другими гипертекстовыми документами.Ссылкой на эти другие документы (части нашей странички) может быть текст (фраза, слово), а может быть и картинка.
Составил: учитель информатики и физики Водичев Андрей СергеевичГиперссылки и графические объекты в HTML-документе. Гиперссылки  Гиперссылки – связь текста или какого-либо объекта с другими гипертекстовыми Гиперссылкигипертекстовые ссылки среди других элементов текста выделяются цветом и подчеркиванием; мышиный курсор Гиперссылки Для задания гипертекстового перехода внутри документа используют команду с атрибутом Гиперссылки в виде текстатекст делает ссылкой заключенную в него фразу (текст). В Гиперссылки Если в теге указано имя файла, браузер ищет файл в том Пример текстовых гиперссылок  туда... Пример текстовых гиперссылок        и обратно... Графические объекты Картинку можно помещать в документ почти так же, как текстовый АтрибутыАтрибут src = “имя файла.jpg”При помощи этого тега можно задать имя файла АтрибутыДля удобства картинку сохраняют в ту же папку, что и HTML-документ, тогда Атрибуты Атрибут alt = АтрибутыАтрибуты width = n и height = mЭти атрибуты задают ширину и Атрибуты Атрибут alignЭтот атрибут определяет положение иллюстрации по отношению к соседним элементам Атрибуты   - картинка будет располагаться слева от текста - картинка Расстояние между текстом и изображением  Расстояние между текстом и изображением задаётся Гиперссылки в виде картинкиCсылкой может быть и картинка. Принцип ссылки тот же, Гиперссылки в виде картинкиКартинка ведет себя так же, как текст. Курсор при
Слайды презентации

Слайд 2 Гиперссылки
Гиперссылки – связь текста или какого-либо

Гиперссылки Гиперссылки – связь текста или какого-либо объекта с другими гипертекстовыми

объекта с другими гипертекстовыми документами.

Ссылкой на эти другие документы

(части нашей странички) может быть текст (фраза, слово), а может быть и картинка.

Слайд 3 Гиперссылки
гипертекстовые ссылки среди других элементов текста выделяются цветом

Гиперссылкигипертекстовые ссылки среди других элементов текста выделяются цветом и подчеркиванием; мышиный

и подчеркиванием;

мышиный курсор на ссылке меняет свою форму

и превращается в указующий перст;

для перехода по ссылке необходимо щелкнуть по ней мышкой;

для возврата из ссылки необходимо использовать навигационную кнопку браузера Назад (Back).


Слайд 4 Гиперссылки
Для задания гипертекстового перехода внутри документа

Гиперссылки Для задания гипертекстового перехода внутри документа используют команду с

используют команду с атрибутом , которая является

источником перехода к ссылаемому тексту.

текст ссылки
- гиперссылка

Слайд 5 Гиперссылки в виде текста
текст делает ссылкой заключенную

Гиперссылки в виде текстатекст делает ссылкой заключенную в него фразу (текст).

в него фразу (текст). В кавычках мы указываем путь

и имя файла, на который будем ссылаться, например:

мои фотографии - файл лежит в поддиректории /photos

мои фотографии

Слайд 6 Гиперссылки
Если в теге указано имя файла,

Гиперссылки Если в теге указано имя файла, браузер ищет файл в

браузер ищет файл в том же каталоге, в котором

расположен файл со ссылкой. Когда необходимо сослаться на файл из другого каталога можно:
указывать в ссылке полный путь к файлу, начиная с имени дисковода;
указывать в ссылке путь по отношению к файлу со ссылкой.


Слайд 7 Пример текстовых гиперссылок



туда...



Пример текстовых гиперссылок туда...

Слайд 8 Пример текстовых гиперссылок




Пример текстовых гиперссылок    и обратно...

и обратно...




Слайд 9 Графические объекты
Картинку можно помещать в документ почти

Графические объекты Картинку можно помещать в документ почти так же, как

так же, как текстовый символ. Для вставки этого необычного

знака нужно воспользоваться тегом
-вставка графического объекта
Допускается использование файлов в формате GIF и JPG/JPEG.


Слайд 10 Атрибуты
Атрибут src = “имя файла.jpg”
При помощи этого тега

АтрибутыАтрибут src = “имя файла.jpg”При помощи этого тега можно задать имя

можно задать имя файла с картинкой.

Команда

заставит браузер отобразить на экране графический файл картинка.gif из текущего каталога.

Слайд 11 Атрибуты
Для удобства картинку сохраняют в ту же папку,

АтрибутыДля удобства картинку сохраняют в ту же папку, что и HTML-документ,

что и HTML-документ, тогда в кавычках указывается только имя

картинки, например:


Тег не требует закрывающего тега.

Слайд 12 Атрибуты
Атрибут alt = "текст надписи"
Если браузер не

Атрибуты Атрибут alt =

находит картинки в указанном месте на диске, он вместо

нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt:


Cтоит пользователю установить курсор на картинке, как надпись появится в маленьком окошке и сообщит дополнительную информацию.

Слайд 13 Атрибуты
Атрибуты width = n и height = m
Эти

АтрибутыАтрибуты width = n и height = mЭти атрибуты задают ширину

атрибуты задают ширину и высоту (в пикселях) прямоугольника, в

который выводится картинка.
Если атрибуты не заданы, картинка рисуется в естественных размерах.
Атрибут border = n
Атрибут задает рамку иллюстрации толщиной в n пикселов.
При отсутствии атрибута, или при значении n=0 рамка не рисуется.

Слайд 14 Атрибуты
Атрибут align
Этот атрибут определяет положение иллюстрации по

Атрибуты Атрибут alignЭтот атрибут определяет положение иллюстрации по отношению к соседним

отношению к соседним элементам документа. Можно использовать следующие значения

атрибута:

Слайд 15 Атрибуты

- картинка будет

Атрибуты  - картинка будет располагаться слева от текста - картинка

располагаться слева от текста
- картинка

будет располагаться справа от текста
- текст будет располагаться внизу картинки (это по умолчанию)
- текст будет располагаться посередине картинки
- текст будет располагаться вверху картинки


Слайд 16 Расстояние между текстом и изображением
Расстояние между

Расстояние между текстом и изображением Расстояние между текстом и изображением задаётся

текстом и изображением задаётся с помощью параметров vspace и

hspace;


Vspace – расстояние от изображения до текста по вертикали.
Hspace – расстояние от изображения до текста по горизонтали.
Расстояние задаётся в пикселях.



Слайд 17 Гиперссылки в виде картинки
Cсылкой может быть и картинка.

Гиперссылки в виде картинкиCсылкой может быть и картинка. Принцип ссылки тот

Принцип ссылки тот же, что и в случае с

текстом, только между тегами вставляется не текст, а картинка:



  • Имя файла: giperssylki-i-graficheskie-obekty-v-html-dokumente.pptx
  • Количество просмотров: 201
  • Количество скачиваний: 0