Локальные ссылки и гиперссылки на Web-страницах.

Ссылки на другую Web-страницу или другой Web-сайт (гиперссылки).

Важнейшим понятием в HTML является гиперссылка, которая позволяет связать текст или какой-либо объект с другими гипертекстовыми документами. Текст, который является гиперссылкой, как правило, выделяется цветом и подчеркивается. Для определения ссылки используется тег <А>, структура которого имеет следующий вид:

<А href=" filename">текст ссылки</A>

Здесь filename - имя файла или адрес Internet, на который необходимо сослаться, а текст_ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Например, гипертекстовая ссылка

<А href="my_work.htm">Views</A>

ссылается на документ my_work.htm, образуя гипертекстовую ссылку в виде слова "Views". Если документ, на который указывает ссылка, находится в том же или другом каталоге, относящемся к Web-сайту, то подобная ссылка называется относительной.

Например:

<А href="photo/my_photo.htm">Moй фотоальбом</А>

ссылается на файл my_photo.htm, расположенный в каталоге photo, вложенном в текущую, и образует ссылку в виде текста "Мой фотоальбом". Если есть необходимость сослаться на ресурс Internet, расположенный на удаленном сервере, или указать в ссылке полное имя файла и путь к файлу, то используют абсолютные ссылки. Структура такого тега аналогична, однако он формируется на основе полного пути к ресурсу в виде протокол://URL/путь. Например:

<А href="http://www.f.uа">Поиск в Internet</A>

Ссылки на объект в текущем документе (локальные ссылки).

Очень удобно при создании больших Web-страниц в начало документа вставить оглавление, а его заголовки оформить в виде гиперссылок на соответствующий раздел текста. Для этого необходимо присвоить заголовку раздела уникальный идентификатор, т.е. имя. Это можно сделать, используя тег <А> и атрибут name= "...". Пункт оглавления необходимо оформить в виде ссылки на соответствующий раздел при помощи следующей конструкции:

<А href="#...">Local Link</a>

Пример 7: Приведенный ниже пример наглядно иллюстрирует использование таких ссылок.

<HTML> <HEAD>

<title>Создание локальных ссылок</title> </НЕAD> <BODY>

<h1 аlign="center">Оглавление :</Н1>

<OL>

<LI><A href="#first">Глава первая .</A></LI>

<LI><A href="#second"> Глава вторая.</A></LI>

<LI><A href="#third"> Глава третья.</A></LI>

</OL>

<Hl><a name="first"> Глава первая.</A></Hl>

 текст 

<H1><A name="second">Глава вторая.</A></Hl>

 текст 

<H1><A name="third">Глава третья.</A></Hl>

 текст 

</BODY>

</HTML>

Задать вопрос.