Для осуществления связи между HTML – документами применяются так называемые гипертекстовые ссылки.
Гипертекстовая ссылка состоит из двух частей: псевдо кнопки и адресной части (URL). Псевдо кнопка – это просто какой-то текст или графическое изображение, по которому пользователь должен щелкнуть мышью, приблизительно так же, как он «нажимает» на кнопку диалоговой панели.
Абсолютный и относительный URL
В разделе, посвященном компьютерным сетям и принципам поиска информации в Интернет, было введено понятие URL (универсального локатора ресурса), однозначно определяющего расположение объекта в глобальной сети. В общем случае URL имеет следующий вид (части, заключенные в квадратные скобки, не обязательны и могут быть опущены):
протокол://адрес_узла[:порт]/путь/файл[#метка]
В таблице 10.1 приведены назначения компонент URL.
Таблица 10.1
| Компонента | Назначение |
| протокол | Обозначение одного из протоколов, используемых для обращения к ресурсу, возможные значения: http, ftp, file и др. |
| адрес_узла | Доменное имя или IP-адрес компьютера в сети Интернет |
| порт | Порт, по которому клиент обращается к серверу для установления соединения; указывается только в случае обращения к нестандартному порту |
| путь | Путь к требуемому ресурсу |
| файл | Имя файла, содержащего HTML-документ или другой ресурс |
| метка | Позиция в документе, начиная с которой он отображается в окне браузера |
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. в котором хранится некое изображение.
