Гиперссылки

Для осуществления связи между 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

Якорь

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

Любой текст

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

Издательство INFA-M

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

Страница 15

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

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

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

Страница 15

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

Глава 77

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

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

Глава 77

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

Глава 77

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

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

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

Рандомно подобранные статьи с сайта:

Как сделать гиперссылку в презентации? Гиперссылка PowerPoint


Похожие статьи:

admin