Главное преимущество HTML-документа состоит в возможности включения в документ ссылок на другие документы (гиперссылок). В качестве гиперссылки можно использовать текст или графику. Браузер выделяет (обычно цветом и/или подчеркиванием) слова, являющиеся ссылками. Цвет выделения ссылок устанавливается в теге BODY:
LINK - устанавливает цвет выделения ссылок.
VLINK - устанавливает цвет выделения ссылок, на которых уже побывали.
ALINK - устанавливает цвет активной ссылки.
| Ссылки позволяют при помощи нажатия кнопки мыши быстро переходить от одного документа к другому не задумываясь, где находится этот документ. |
Гиперссылка – средство навигации в гипертекстовом документе; с помощью гиперссылки пользователь переходит от одного узла (пункта назначения гиперссылки) к другому. Она состоит из 2 связанных фрагментов, которые именуются точками привязки. Точки привязки в зависимости от назначенных атрибутов выполняют 2 функции:
· задание пути к объекту - гиперссылка;
· указание на фрагмент документа, к которому будет осуществлен переход по гиперссылке - якорь.
Для создания гиперссылки используют парный тег <А>…</А>.
В общем виде точка привязки имеет следующую грамматику: <А атрибуты> [содержимое HTML] </А>
содержимое HTML – текст указатель ссылки и/или изображение.
Возможны гиперссылки:
- на удаленный HTML-файл (внешние);
- на некоторую точку в этом же документе (внутренние);
- на любой файл, не являющийся HTML-документом (внешние).
Адрес документа может быть относительным (имя файла в пределах данного компьютера плюс имя метки в пределах данного файла) или абсолютным (полное имя файла с диска данного компьютера плюс имя метки в пределах данного файла).
Рассмотрим создание различных типов гиперссылок:
Атрибуты тега <А>…</А>.
| href | Задаёт URL-адрес ресурса, на который должен перейти пользователь, щёлкнув по ссылке (атрибут может указывать как на внешние документы, так и на внутренний элемент данного документа). | ||
| Ссылка на внешний документ: | |||
| <А href=”[URL][путь к файлу]”>содержимое HTML</А>
Примеры гиперссылок:
| ||
| Ссылка на закладку в том же документе: | |||
| <А href=”#Уникальное имя”>содержимое HTML</А>
Примеры гипперссылок
| ||
| Ссылка на закладку во внешнем документе: | |||
| <А href=”[URL][путь к файлу]#Уникальное имя”>содержимое HTML</А>
Примеры гипперссылок
| ||
| name | данный атрибут задаёт якорь (метку или закладку), куда осуществится переход по гиперссылке. Перед именем метки ставится символ#. | ||
| <А name=”Уникальное имя”>[тело_ссылки]</А> Зарезервированные ссылки: | |||
| Указание электронной почты: <А href=mailto:имя@домен title=”тема_сообщения”> тело_ссылки</А> | Ссылка на письмо: <А href=mailto:ivan@mtu.ru”>Пишите письма </А> | ||
| Переход к верху данной странице <А href=”имя файла.htm#Top”> Текст (например: Вверх)</А> | Ссылка на верх страницы: <A href==”new.htm#Top”>Вверх</A> | ||