Гиперссылки

Для осуществления связи между HTML – документами применяются так называемые гипертекстовые ссылки.

Гипертекстовая ссылка состоит из двух частей: псевдо кнопки и адресной части (URL). Псевдо кнопка – это просто какой-то текст или графическое изображение, по которому пользователь должен щелкнуть мышью, приблизительно так же, как он «нажимает» на кнопку диалоговой панели.

Абсолютный и относительный URL

В разделе, посвященном компьютерным сетям и принципам поиска информации в Интернет, было введено понятие URL (универсального локатора ресурса), однозначно определяющего расположение объекта в глобальной сети. В общем случае URL имеет следующий вид (части, заключенные в квадратные скобки, не обязательны и могут быть опущены):

протокол://адрес_узла[:порт]/путь/файл[#метка]

В таблице 10.1 приведены назначения компонент URL.

Таблица 10.1

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

Пример:

При обращении к конкретному ресурсу порт и позиция в документе часто не указываются:

http://www.ctc.msiu.ru/education/book/index1.html

Якорь

Для создания гипертекстовой ссылки используется тэг <A>, следующего формата:

<A HREF=”URL”>Любой текст</A>

Буква Аозначает anchor (“якорь”), HREF – Hypertext Reference («Гипертекстовая ссылка) URL может быть полным, например:

<A HREF=http://www.infa-m.ru>Издательство INFA-M</A>

Если происходит ссылка на документ, который расположен на том же самом диске, более того, в том же каталоге, можно применять сокращенную запись URL, указывая только имя файла, например:

<A HREF=”page15.htm”> Страница 15</A>

Эта гипертекстовая ссылка приведет к загрузке HTML – документа, хранящегося в том же каталоге в виде файла page15.htm.

Следующий пример демонстрирует ссылку на файл demo.jpg.,который хранится в каталоге pictures:

<A HREF=”pictures/demo.jpg”>

Тэг <A> может иметь дополнительный атрибут TARGET=, который указывает на способ загрузки страницы в браузер. Например, следующая ссылка приведет к созданию нового экземпляра браузера, в который и будет загружена страница:

<A HREF=’page15.htm” TARGET=”_BLANK”> Страница 15 </A>

Разберем следующую ситуацию. В одном HTML – документе (например, contents.htm) описано оглавление некоторого большого текста, разбитого на главы. А сам текст в полном объеме хранится в другом HTML – документе (например, text.htm является гипертекстовой ссылкой на сам текст). Например:

<A HREF=”text.htm”>Глава 77</A>

В этом случае документ будет загружен с самого начала и пользователю придется с помощью полосы прокрутки позиционировать его на главу 77. HTML позволяет путем введения так называемых именованных гипертекстовых ссылок избежать поиска нужного фрагмента. Имя гипертекстовой ссылке присваивается так же при помощи тэга <A> с атрибутом Name.

Например, для указанного примера в HTML – документе text.htm вместо Глава 77 следует поместить тэг:

<A NAME=”chapter77”>Глава 77</A>

А в HTML – документе contents.htm соответствующий вызов оформить следующим образом:

<A HREF=”text.htm#chapter77”>Глава 77</A>

В этом случае загруженный документ сразу будет установлен с искомой точки.

Использование изображения в качестве гиперссылки ничуть не сложнее, чем использования для этой цели обычного текста. Для этого тэг, описывающий изображение, следует обрамить тэгом гиперссылки:

<A HREF=”index.htm”><IMG SRC=”home.gif”ALT=”На главную страницу”></A>

В этом примере приведена ссылка на главную страницу (index.htm) Web-сайт. Такая гиперссылка обычно является атрибутом любой страницы нижнего уровня. В данном примере предполагается, что на диске имеется GIF – файл с именем home.gif. в котором хранится некое изображение.