Гиперссылкой называют объект (текст, изображение, фрагмент изображения), при щелчке мышью по которому происходит переход к новому документу или фрагменту документа. Именно гиперссылки позволяют организовать переходы между любыми размещенными в сети Интернет документами.
Связь между HTML-документами и фрагментами документов организуется с помощью тега <A> ... </A>(от английского anchor - якорь).
Тег <A>употребляется как для создания ссылки на другой документ, так и для ссылки на фрагмент документа.
Обязательный атрибут:
HREF = url
Адрес целевого документа (может быть представлен в абсолютной и относительной форме)
Основные необязательные атрибуты:
NAME="имя"
Помечает находящийся между <A> и </A> фрагмент документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа. Например, тег <A NAME="part1">Раздел1</A> создает так называемую метку (закладку) для перехода к разделу 1. В этом случае можно ссылаться на помеченную область простым указанием ее имени после имени документа (перед именем метки ставится #).
Так, <A HREF="Index.html#part1">К разделу 1</A> отправит вас в раздел "part1" файла Index.html, а <A HREF="#part2"> К разделу 2 </A> − в раздел "part2" текущего документа при условии, что в документе имеется соответствующая метка
TARGET = "имя"
Имя кадра (фрейма) или окна для вывода целевого документа.
Этот атрибут используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезервированных имен:
_self - указывает, что определенный в параметре HREF документ должен отображаться в текущем фрейме; _parent - указывает, что документ должен отображаться во фрейме-родителе текущего фрейма (целиком занять окно браузера);
_blank - указывает, что документ должен отображаться в новом окне
TITLE="текст"
Выводит всплывающую подсказку при наведении указателя мыши на гиперссылку
Текст и изображения, размещенные между тегами становятся активной зоной документа, чувствительной к щелчку мыши, который вызывает загрузку целевого документа. Текст гиперссылки выделяется подчеркиванием и цветами, указанными как значение атрибутов LINK, ALINK, VLINK тега <BODY> (либо цветом по умолчанию).
Чтобы сделать гиперссылкой целое изображение, также применяется тег <A> ... </A>., только вместо текста (или вместе с текстом) между <A> и </A> располагается тег <IMG…> со всеми соответствующими атрибутами.
Например, <A HREF=Pages/Page1.html> <IMG SRC=Image/Pict1.jpg></A>.
Тег <A> позволяет сделать активной зоной текстовый фрагмент или изображение целиком; для того же, чтобы разные фрагменты одного изображения ссылались на разные целевые документы, придется использовать тег <MAP>, реализующий изображение-карту.
У тега-контейнера <MAP> единственным обязательным атрибутом является NAME, значением которого будет имя (например, NAME="mymap", которое должно быть использовано при описании атрибута USEMAP тега IMG, описывающего изображение, призванного служить картой (при этом к имени карты приписывается слева # − USEMAP ="#mymap")
Внутри контейнера <MAP> каждой чувствительной к перемещению мыши зоне изображения должен соответствовать тег <AREA> с атрибутами:
Синтаксис атрибута
Назначение
COORDS = список
Список через запятую координат активной зоны (зависит от типа заданной формы зоны)
HREF = url
Адрес целевого документа гиперссылки, связанного с указанной зоной
SHAPE = форма
Определяет форму активной зоны. Возможные значения этого атрибута:
circle (окружность – задается координатами центра и радиусом в пикселях);
rect (прямоугольник - задается координатами левого верхнего и правого нижнего угла);
poly (многоугольник - задается координатами своих вершин)
Координаты во всех случаях отсчитываются от верхнего левого угла изображения в пикселях, ось Х направлена вправо, ось Y − вниз.
NOREF
иногда бывает нужно указать, что данная зона (заданная атрибутом SHAPE и координатами COORDS) не является активной, реакции на щелчок мыши нет