Создание гиперссылок

Лабораторная работа № 5

«Язык HTML 5: Средства навигации»

А. ТЕКСТОВЫЕ ГИПЕРССЫЛКИ

Создание гиперссылок

Создать текстовую гиперссылку очень просто. Достаточно найти в блочном элементе (например, абзаце) фрагмент текста, который нужно превратить в гиперссылку, и заключить его в парный тег <A>. Интернет-адрес целевой Web-страницы указывают в атрибуте HREF этого тега.

Гиперссылка (т. е. тег <A>) представляет собой встроенный элемент Web-страницы, т. е. это часть блочного элемента, например, абзаца:

Вот гиперссылка, которая указывает на Web-страницу page125.html, хранящуюся в папке pages, вложенной в корневую папку сайта, на сайте http://www.somesite.ru:

<A HREF="http://www.somesite.ru/pages/page125.html">Страница №125</A>.

А эта гиперссылка указывает на архивный файл archive.zip, хранящийся в той же папке, что и Web-страница, которая в данный момент открыта в Web-обозревателе (текущая Web-страница):

<A HREF="archive.zip">Архив</A>

При щелчке на гиперссылке Web-обозреватель предложит загрузить этот архивный файл и либо открыть его, либо сохранить на диске клиентского компьютера.

Пример:

<P><A HREF="22.html">Предыдущая страница</A>,

<A HREF="24.html">следующая страница</A>.</P>

Этот фрагмент HTML-кода создает абзац, содержащий сразу две гиперссылки, которые указывают на разные целевые Web-страницы.

Текст, являющийся гиперссылкой, можно оформлять, используя любые теги, приведенные в лабораторной работе №2.

Пример:

<A HREF="http://www.somesite.ru/pages/page125.html">Страница

<EM>№125</EM></A>

Тег <A> поддерживает необязательный атрибут TARGET. Он задает цель гиперссылки, указывающую, где будет открыта целевая Web-страница. Так, если атрибуту TARGET присвоить значение "_blank", целевая страница будет открыта в новом окне Web-обозревателя.

Например, если мы изменим код первого примера гиперссылки таким образом (исправления выделены полужирным шрифтом):

<A HREF="http://www.somesite.ru/pages/page125.html" TARGET="_blank">Страница №125</A>

"Страница №125" будет открыта в новом окне Web-обозревателя.

Чтобы задать обычное поведение гиперссылки (когда целевая Web-страница открывается в том же окне Web-обозревателя), нужно присвоить атрибуту TARGET значение "_self" (это его значение по умолчанию) или вообще убрать данный атрибут из тега <A>.

Имеется также возможность создать гиперссылку, которая никуда не указывает ("пустая" гиперссылка). Для этого достаточно задать в качестве значения атрибута HREF значок # ("решетка"):

<A HREF="#">А я никуда не веду!</A>

При щелчке на такой гиперссылке ничего не произойдет.

Правила отображения гиперссылок Web-обозревателем:

ü обычные гиперссылки выделяются синим цветом;

ü гиперссылки, по которым посетитель уже "ходил" (посещенные гиперссылки), выводятся темно-красным цветом;

ü гиперссылка, по которой посетитель в данный момент щелкает (активная гиперссылка), выводится ярко-красным цветом;

ü текст любых гиперссылок подчеркивается;

ü при помещении курсора мыши на гиперссылку Web-обозреватель меняет его форму на "указующий перст".