3.5. Гипертекстовые ссылки

Гипертекстовая ссылка является фрагментом текста документа и за-даётся текстовым элементом, определяемым при помощи парного тега

<A HREF=…>…</A>, атрибут HREF является обязательным элементом.

Атрибут HREF="URL" задает URL-адрес объекта гиперссылки. URL (Uniform Resource Locator) - это уникальный адрес, которым обладает каждая Web-страница в сети. В общем случае URL состоит из наименования используемого протокола, названия сервера и обозначения пути доступа к странице. Протокол определяет правила обращения к Web-странице. Название сервера (доменное имя) - обозначает компьютер, содержащий данную Web-страницу. Путь доступа - указывает местоположение страницы на диске сервера. Пример указания адреса Web-страницы: http://learn.com/html/index.html.

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

При просмотре документа в браузере текст, заключенный между тегами <A HREF="URL">текст</A> , изображается с подчеркиванием и выделяется цветом в соответствии с настройками браузера. Щелкнув мышью по тексту, выделенному как гиперссылка, загружается документ с указанным в ссылке адресом.

Например, открывающий тег ссылки может иметь вид:

<A HREF="http://www.site.com/index.html>

В этой ссылке задается URL-адрес в абсолютной форме, в нём указан протокол и адрес Web-узла. Такая запись адреса используется для указания ссылки на другой Wеb-сайт и рассматривается как внешняя ссылка.

При создании ссылки, указывающей на Web-страницу, расположенную на том же сервере, что и первоначальный HTML-документ, можно использовать относительный URL-адрес, в котором не указывается протокол и адрес Web-узла. Такая ссылка рассматривается как внутренняя ссылка. Например, тег <A HREF="index.html">текст</A> описывает ссылку на Web-страницу, находящуюся на том же сайте, что и исходный HTML-документ.

Задание №5

1. Откройте файл format.html и внесите в него изменения:

<P>Направление 230100 – «Информатика и вычислительная техника»<BR>

<A HREF="spisok.html">Кафедра «Информатика и технология

программирования»</A>

<P> <FONT COLOR="#009900">Возможные области работы выпускников:</FONT></P>

2. Сохраните файл и откройте его в Internet Explorer. На Web-странице "ВИТ" текст Кафедра «Информатика и технология программирования» будет выделен как ссылка, при нажатии на которую в текущее окно браузера будет загружен документ spisok.html.

HTML-документ может быть очень большим, и в этом случае пользователю должна быть предоставлена возможность быстро перемещаться к нужному разделу документа. В этом случае для перехода внутри документа можно организовать ссылку на помеченный фрагмент. Для этого в адресе используется имя метки со знаком #. Так, тег <A HREF="#метка"> Переход к … </A> описывает переход к фрагменту, находящемуся на той же странице, и помеченному меткой "метка".

В нужных местах текста необходимо расставить соответствующие метки. Для размещения меток в документе используется второй тип тега гиперссылки <A NAME=”метка”>. Атрибут NAME="метка" задает имя метки в некоторой точке документа.

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

<A HREF="#Начало страницы">Наверх страницы</A>

Место, куда следует выполнить переход, необходимо пометить следующим образом: <A NAME="Начало страницы"></A>