Дистанционный курс
Создание простейших HTML-страниц
Давыдова Елена Владимировна

Занятие 13. Ссылки в пределах одного документа

Информация
Построение гипертекстовых связей

Важнейшим свойством языка HTML является возможность включения в документы ссылок на другие документы. Возможны ссылки:

  • на удаленный HTML файл,
  • на некоторую точку в текущем HTML-документе,
  • на любой файл, не являющийся HTML-документом.

В качестве ссылки можно использовать текст или графику.

Ссылки в пределах одного документа

Такие ссылки требуют наличие двух частей: метки и самой ссылки. Метка определяет точку, к которой происходит переход по ссылке. Ссылка использует имя метки. Ссылки выделяются цветом или подчеркиванием, в зависимости от того, как настроен браузер. Для изменения цвета ссылки используется атрибуты LINK и VLINK тэга <BODY>.

Ссылка:

<A HREF="#ПН">Понедельник</A>

Перед именем метки (ПН), указывающей куда производится ссылка, ставится символ #.

Между символами > и < располагается текст (Понедельник), на котором производится щелчок для перехода по ссылке.

Метка:

<A NAME="ПН">Понедельник</A>

1. Дополните файл 5.HTM таблицей, содержащей название дней недели, поместив ее в начало Web-страницы:

. . .

<TABLE WIDTH=100%>

<TR >

<TD>Понедельник</TD>

<TD>Вторник</TD>

<TD>Среда</TD> <

TD>Четверг</TD>

<TD>Пятница</TD>

<TD>Суббота</TD>

</TR>

</TABLE>

<BR>

. . .

2. Вставьте в файл 5.HTM метку, указывающую ПОНЕДЕЛЬНИК:

. . .

<FONT COLOR="BLUE" SIZE="4" FACE="COURIER">

<B> <A NAME="ПН">Понедельник </A></B>

</FONT><BR>

. . .

3. Вставьте ссылку для выбранной метки (см.п.1):

. . .

<TABLE WIDTH=100%>

<TR >

<TD> <A HREF="#ПН">Понедельник</A> </TD>

<TD>Вторник</TD>

<TD>Среда</TD>

. . .

4. Сохраните файл 5.HTM.

5. Посмотрите новую полученную Web-страницу.

Посмотреть пример страницы


Оглавление                              
Введение 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16