Ссылки в пределах одного документа
Иногда оказывается полезным организовать ссылки на разделы одного и того же документа. Например, на своей странице вы размещаете статью объемом в несколько десятков страниц как единый HTML-документ. Скорее всего, вам захочется сделать ссылки на предыдущие или последующие разделы этого документа. Речь идет о ссылках не на другие HTML-документы, а на определенные места того же самого документа. Такие ссылки еще называют закладками. Для них нужны две вещи: якорь и собственно ссылка. Якорь определяет место в документе, к которому происходит переход по ссылке. Ссылка использует имя якоря вместо имени (адреса) файла.
Формат якоря:
<
A
NAME
=
"имя_якоря"
>
текст_на_экране
<
/
A
>
Формат ссылки:
<
A
HREF
=
"#имя_якоря"
>
текст_на_котором_щелкать
<
/
A
>
Ниже приводятся программа, демонстрирующая применение ссылок в пределах одного документа, и вид этого документа в окне браузера. Мы используем ссылки при создании оглавления документа, а также ссылки из текста одних глав на другие главы.
<
HTML
>
<
HEAD
>
<
TITLE
>
Ссылки в пределах одного документа
<
/
TITLE
>
<
/
HEAD
>
<
BODY
>
Здесь используются текстовые ссылки на разделы в пределах одного и того же документа. При щелчке на ссылке окно браузера будет прокручиваться до тех пор, пока не появится соответствующий ссылке якорь.
<
H2
>
Содержание
<
/
H2
>
<
P
>
<
A
HREF
=
"#Глава1"
>
Глава
1
. Основы HTML
<
/
A
>
<
BR
>
<
A
HREF
=
"#Глава2"
>
Глава
2
. Примеры программ
<
/
A
>
<
H2
>
<
A
NAME
=
"Глава1"
>
Глава
1
.
<
/
A
>
Основы языка HTML
<
/
H2
>
В этой главе мы собираемся рассмотреть основные элементы языка HTML. На языке HTML создаются документы, которые могут быть опубликованы в Интернете. После изучения основных конструкций языка мы подробно рассмотрим примеры программ (
<
A
HREF
=
"#Глава2"
>
см. главу
2
<
/
A
>
).
<
P
>
<
H2
>
<
A
NAME
=
"Глава2"
>
Глава
2
.
<
/
A
>
Примеры программ
<
/
H2
>
Здесь мы рассмотрим примеры программ с использованием элементов языка, которым посвящена
<
A
HREF
=
"#Глава1 "
>
Глава
1
.
<
/
A
>
Прежде всего рассмотрим применение текстовых ссылок.
<
/
BODY
>
<
/
HTML
>
Рис. 658. Пример документа, содержащего ссылки на свои разделы и отдельные фрагменты