Организация гиперссылок в HTML- документах — презентация
logo
Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
  • Организация гиперссылок в HTML- документах
1/13

Первый слайд презентации: Организация гиперссылок в HTML- документах

Изображение слайда

Слайд 2

Виды ссылок: текстовые, г рафические.

Изображение слайда

Слайд 3

1. Текстовые ссылки Структура текстовой ссылки: < А Н R Е F =" адрес_ссылки "> текст ссылки </А> Пример : <А Н REF =“ Primer. html "> Щелкните здесь </А>

Изображение слайда

Слайд 4

2. Графические ссылки Структура графической ссылки: <А h ref ="адрес_ссылки" > <IMG srс =“ URL "> </A> Пример: <А hr е f =“ Primer. html ">< IMG src =" logotip. gif "></ A >

Изображение слайда

Слайд 5

Абсолютные и относительные ссылки Абсолютные ссылки содержат всю информацию, необходимую браузеру для нахождения файла. Компоненты: 1) протокол (например, http); 2) домен (доменное имя или IP-адрес компьютера); 3) папка (имя папки, указывающей путь к файлу); 4) файл (имя файла).

Изображение слайда

Слайд 6

Пример http://www.site.ru/папка/file.html http://www.site.ru/file.html

Изображение слайда

Слайд 7

Относительные ссылки описывают путь к указанному документу относительно текущего. Компоненты: 1) папка (имя папки, указывающей путь к файлу); 2) файл (имя файла).

Изображение слайда

Слайд 8

Путь для относительных ссылок имеет три специальных обозначения: / указывает на корневую директорию; ./ указывает на текущую папку; ../ подняться на одну папку (директорию) выше.

Изображение слайда

Слайд 9

Виды гиперссылок 1. внешние гиперссылки – перемещают пользователя в другой HTML-документ; 2. внутренние гиперссылки – создают переходы на различные разделы текущей веб-страницы, позволяя быстро перемещаться между разделами.

Изображение слайда

Слайд 10

Пример <h1> Времена года</ h1> <h2> Оглавление</ h2> <a href="#p1"> Лето</ a> <!-- создание якоря--> < a href="#p2"> Осень</ a> <a href="#p3"> Зима</ a> <a href="#p4"> Весна</ a> <p id="p1">...</p> < p id="p2">...</p> <p id="p3">...</p> <p id="p4">...</p>

Изображение слайда

Слайд 11

Атрибуты href (обязательный) – указывает URL-адрес веб-страницы, на которую будет сделан переход; hreflang – определяет язык текста в документе, на который ведет ссылка; media – указывает тип носителя документа, на который ведёт ссылка; rel – указывает отношение между текущим документом и документом, на который ведет ссылка ; 

Изображение слайда

Слайд 12

Атрибуты target – определяет, в каком окне откроется документ (по умолчанию ссылки открываются в текущем окне) Возможные значения атрибута: _ blank - открывает документ в новом окне или вкладке; _ parent - открывает документ в родительском фрейме; _ self - открывает документ в той же директории, где располагается ссылка (значение по умолчанию); _ top - открывает документ во всю ширину окна.

Изображение слайда

Последний слайд презентации: Организация гиперссылок в HTML- документах

Атрибуты type – определяет MIME-тип документа, на который ведёт ссылка. Пример <a href ="http://www.web.ru/" type =" text / html ">Сайт разработчика Web !</a>

Изображение слайда

Похожие презентации

Ничего не найдено