Как было сказано выше, HTML-документ это обычный текстовый файл. Гипертекстовым его делают содержащиеся в нем ссылки на другие документы и ресурсы Internet. Рассмотрим, что такое ссылка, какие бывают типы ссылок и как их задать в документе.
Ссылка состоит из двух компонентов: так называемого якоря (anchor) или элемента привязки и URL (Universal Resurse Locator) связанного с ним ресурса Internet.
Первый компонент ссылки – якорь. Это текстовый или графический объект, который, как правило, служит органом управления на Web-странице. Каждый раз при просмотре Web-страниц мы видим множество различных элементов-якорей. Это и красочные рекламные баннеры, всевозможные кнопки и иконки, выделенные подчеркнутым курсивом элементы текста, адреса электронной почты.
Второй компонент ссылки не отображается Web-броузером, но служит конкретным указанием, где в Internet найти, и что сделать при активизации пользователем соответствующего ему якоря.
Адреса ресурсов бывают относительные и абсолютные. Относительный адрес это адрес ресурса относительно компьютера и каталога загрузки HTML-документа, если иной базовый адрес не указан в заголовке документа (элемент <BASE>). Относительный адрес задается в сокращенной форме (путь/файл). Например, если ваша начальная страница index.htm загружена браузером c httр://www.site.ru, то использование в ней относительной ссылки resume.htm означает загрузку httр://www.site.ru/resume.htm.
Абсолютные адреса используются для привязки к ресурсам других узлов Internet и задаются полным форматом записи (httр://компьютер/путь/файл). Например: httр://www.sitename.ru/fil.htm.
Ссылки в документах задаются при помощи элемента <A> ...</A>, следующей структуры:
Атрибут HREF в открывающем теге задает ресурс, который необходимо обработать браузеру при выборе на Web-странице, соответствующего ему якоря. Рассмотрим наиболее часто используемые ресурсы:
<A HREF="URL"> - ссылки на другие документы HTML и файлы.
<A HREF="ftр://ftp_server/path/filename"> - ссылки на файлы FTP-сервера. <A HREF="mailto:e-mail"> - ссылки на адреса электронной почты.
Атрибут TITLE задает текстовую подсказку в стиле ToolTip, отображаемую браузером при позиционировании указателя-курсора в зоне элемента-якоря.
Элемент-якорь выделяется браузером особым образом (текст - цветом и подчеркиванием, графика - рамкой) при отображении на Web-странице. Можно задать свой способ выделения элемента-якоря в атрибутах тега <BODY> - тела документа.
Рассмотрим несколько конкретных примеров использования ссылок в документах:
<A HREF="httр://www.site.ru" TITLE="Переход на www.site.ru"> Заходите к нам на огонек </A> - абсолютная ссылка: переход на сайт www.site.ru, текстовый якорь - Заходите к нам на огонек, с подсказкой.
<A HREF="/VW/cars.htm"> Модельный ряд VW </A> - относительная ссылка: открытие станицы cars.htm в подразделе VW относительно раздела основной страницы, текстовый якорь - Модельный ряд VW, без подсказки.
<A HREF="mailtо:webmaster@freemail.ru">Связь с вебмастером </A> - загрузка интерфейса к почтовой системе пользователя с автозаполнением реквизитов получателя, текстовый якорь - Связь с вебмастером, без подсказки.
<A HREF="ftр://ftp.site.ru/soft/driver.zip">Новый драйвер здесь </A> - доступ на FTP-сервере к файлу драйвера, текстовый якорь-Новый драйвер здесь, без подсказки.
При использовании графического файла в качестве элемента-якоря необходимо вместо текста в элементе <A>...</A> использовать конструкцию <IMG SRC="файл"> (См. раздел 3.2.). Например:
<A HREF="/VW/passat.htm" > <IMG SRC="/VW/CARS/passat.gif"> </A> - относительная ссылка: открытие станицы passat.htm в подразделе VW относительно раздела основной страницы, графический якорь - passat.gif, без подсказки.
Кроме вышеперечисленных ссылок существуют еще внутренние ссылки или закладки. Этот тип ссылок используется для удобства перемещения в пределах документа. Для использования в HTML-документе закладок необходимо задать имена тех областей документа, на которые необходимо ссылаться.
Имя закладки в теле документа задается использованием атрибута NAME=ИмяЗакладки в элементе <A>...</A>. Причем в данном случае текст, заключенный в элемент, не является элементом-якорем (но выводится). Например, для перехода на начало документа необходимо поместить там закладку:
<A NAME=DocBegin>Начало документа<A>
Внутренняя ссылка на закладку в документе имеет следующий формат:
<A HREF="URL документа#ИМЯ">Элемент - якорь</A>
Например, для размещения в документе ссылки на внутреннюю закладку (содержащуюся в данном документе) необходимо применить:
<A HREF="#DocBegin">Перейти к началу документа</A>
А для размещения в документе ссылки на внешнюю закладку (например содержащуюся в файле Doc1.htm) необходимо применить:
<A HREF="Doc1.htm#DocBegin">Перейти к началу документа Doc1.htm</A>
В заключении надо описать еще один важный атрибут тега ссылки, это атрибут TARGET. Данный атрибут задает окно либо фрейм назначения для документа заданного атрибутом HREF. По умолчанию загрузка происходит в текущее окно браузера, но можно указать имя нового или существующего окна, а так же одно из предопределенных имен объектов браузера: _blank, _self, _parent, _top. Например:
<A HREF="sample/sample.htm" TARGET="new_win">Пример</A> - загрузка документа sample.htm в новое окно браузера с именем "new_win".
