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

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

текст ссылки" src="https://present5.com/presentation/3/3753795_444599923.pdf-img/3753795_444599923.pdf-3.jpg" alt=" 1. Текстовые ссылки Структура текстовой ссылки: <А НRЕF="адрес_ссылки"> текст ссылки" />

Абсолютные и относительные ссылки Абсолютные ссылки содержат всю информацию, необходимую браузеру для нахождения

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

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

Путь для относительных ссылок имеет три специальных обозначения: / указывает на

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

Пример <h 1>Времена года</h 1> <h 2>Оглавление</h 2>

Атрибуты 1. href (обязательный) – указывает URL-адрес веб

Атрибуты 5. target – определяет, в каком окне откроется

Атрибуты 6. type – определяет MIME-тип документа, на который

Скачать презентацию Организация гиперссылок в HTML-документах

Лекция 4. Гипертекстовые ссылки.ppt

Количество слайдов: 13

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

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

> 1. Текстовые ссылки Структура текстовой ссылки: <А НRЕF= текст ссылки" src="https://present5.com/presentation/3/3753795_444599923.pdf-img/3753795_444599923.pdf-3.jpg" alt="> 1. Текстовые ссылки Структура текстовой ссылки: <А НRЕF="адрес_ссылки"> текст ссылки" /> 1. Текстовые ссылки Структура текстовой ссылки: <А НRЕF="адрес_ссылки"> текст ссылки Пример: <А НREF=“Primer. html"> Щелкните здесь

> 2. Графические ссылки Структура графической ссылки: <А href= 2. Графические ссылки Структура графической ссылки: <А href="адрес_ссылки"> Пример: <А hrеf=“Primer. html">

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

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

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

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

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

> Пример <h 1>Времена года</h 1> <h 2>Оглавление</h 2> Пример Времена года Оглавление Лето Осень Зима Весна

. . .

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

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

> Атрибуты 6. type – определяет MIME-тип документа, на который Атрибуты 6. type – определяет MIME-тип документа, на который ведёт ссылка. Пример Сайт разработчика Web!