Использование гиперссылок.

Гипертекстовые связи (гиперссылки или Web-ссылки) являются наиболее важным элементом Web-страниц. С их помощью документ получается связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.

По умолчанию со ссылкой связана загрузка другого Web-ресурса. Это достигается путем выбора ссылки (щелчком мыши).

Синтаксис:

<a href="URL"> текст-ссылка </a>

Ссылка указывает на целевой объект (якорь), который может быть любым Web-ресурсом (изображением, видеоклипом, звуковым файлом, программой, HTML-документом, элементом в HTML-документе и т.д.).

Целевые якоря в HTML-документах могут указываться с помощью тэга <a> (с использованием атрибута name) или с помощью любого другого тэга (с использованием атрибута id).

Синтаксис:

<a name="якорь"> Текст, к которому идет переход </a>

или

<p id="якорь"> Текст, к которому идет переход </p>

Некоторые URL могут указывать на местоположение внутри ресурса. В этом случае URL заканчивается символом "#", за которым следует указатель (идентификатор фрагмента).

Используя специальный скрытый указатель, можно быстро переходить от одного раздела к другому внутри документа, не используя прокрутку экрана. После щелчка мышкой по ссылке браузер переместит вас на указанный раздел документа, а строка, в которой стоит указатель данного раздела (обычно, первая строка раздела или его заголовок) будет размещена на первой строке окна браузера (если данная строка не присутствует уже на экране).

Относительный URL не содержит информации о схеме доступа. Путь в нем указывает на ресурс на той же машине, на которой находится текущий документ. Относительные URI могут содержать компоненты относительного пути (например, ".." означает один уровень выше в иерархии) и идентификаторы фрагментов.

Атрибут title для тэга <a> позволяет отображать указанный текст в виде подсказки при наведении курсора мыши на гиперссылку.

Каждая из ссылок может пребывать в одном из четырех фиксированных состояний: link (неиспользованная ссылка), hover (ссылка с помещенным поверх нее указателем мыши), active (ссылка в момент активации), visited (использованная ссылка).

Синтаксис:

a:link {свойство: значение}

a:hover {свойство: значение}

a:active {свойство: значение}

a:visited {свойство: значение}

Примеры:

1. Текстовая ссылка на другой HTML-документ, находящийся там же, где и текущий документ.

<a href="hpc.html">Карманные компьютеры</a>

2. Текстовая ссылка на графический файл, находящийся там же, где и текущий документ.

<a href="be.jpg">Медведь</a>

3. Графическая ссылка на HTML-документ, находящийся там же, где и текущий документ.

<a href="be.html"><img src="be.jpg"></a>

4. Текстовые ссылки на различные фрагменты текущего HTML-документа.

<h1>ОГЛАВЛЕНИЕ/h1>

<p><a href="#chapter1">ГЛАВА 1</a><br>

<a href="#chapter2">ГЛАВА 2</a><br>

...продолжение оглавления...

...тело документа...

<h2><a name="chapter1"> ГЛАВА 1</a></h2>

...содержание (текст) главы 1...

<h2><a name="chapter2"> ГЛАВА 2</a></h2>

...содержание (текст) главы 2...

или

<h1>ОГЛАВЛЕНИЕ/h1>

<p><a href="#chapter1">ГЛАВА 1</a><br>

<a href="#chapter2">ГЛАВА 2</a><br>

...продолжение оглавления...

...тело документа...

<h2 id="chapter1"> ГЛАВА 1</a></h2>

...содержание (текст) главы 1...

<h2 id="chapter2"> ГЛАВА 2</a></h2>

...содержание (текст) главы 2...

5. Текстовая ссылка на адрес электронной почты.

Замечания по данному изданию отправляйте

<A href="mailto:[e-mail]">Козлову С.М.</A>.

6. Определение подсказки для гипертекстовой ссылки.

<a href="be.jpg" title="Фотография">Медведь</a>

7. Ссылка на фрагмент с именем s2 в другом HTML-документе:

<a href="http://tut.by/top.html#s2">Текст</a>

Дата добавления: 2015-10-02