Внутренние и внешние гиперссылки

Гиперссылки создаются не только для связи между текстовыми документами. Можно организовать ссылки на графику или звуковые файлы.

Реализуемые в Web – документах ссылки можно разделить на 3 категории:

1. Ссылка на web-страницу, которая находится по другому адресу Internet (за пределами сайта – внешняя гиперссылка. Для ее организации используется абсолютный адрес.

2. Ссылка на другую web-страницу внутри сайта – внутренняя гиперссылка. Для ее организации настоятельно рекомендуем использовать относительный адрес.

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

Внутристраничная гиперссылка создается в два этапа.

Например, необходимо создать ссылку из оглавления на первую главу

1. В оглавлении рядом с названием главы 1 следует создать запись:

<a href=”#glava1”>Перейти к главе 1</a>

2. Внутри web-страницы рядом с заголовком главы 1 создать метку и с помощью атрибута NAME тега <A> присвоить ей имя. Броузер не выделяет содержимое этого тега как ссылку, так как оно используется в качестве метки. В пределах документа метка должна быть уникальной.

<a name=”glava1”>Глава 1</a>

Прокомментируем запись <a href=”#glava1”>Перейти к главе 1</a>.

Атрибуту href тега <a> назначают имя метки и перед именем ставят знак #. Знак # показывает, что ссылка – внутренняя.

Если необходимо организовать гиперссылку на конкретный фрагмент другого HTML-документа (например, на главу 1 в документе “my.htm”), то этот фрагмент предварительно также помечается. Гиперссылка на него организуется следующим образом <a href=”my.htm#glava1”>. Здесь к имени метки добавляется имя файла.

Задание 5

1. Откройте созданную Вами ранее Web-страницу proekt_ D-152-1D.html.

2. Под заголовком «Проект дома № D-152-1D» добавьте пункты

· Аннотация

· Материалы

· Цена за проект

· Планы

· Фасады

3. Создайте внутристраничные гиперссылки из каждого только что созданного пункта на соответствующий раздел web-страницы (рис. 8, а)

4. Внизу страницы создайте гиперссылку Наверх, при нажатии на которую пользователь будет возвращаться в начало страницы (рис. 8, б).

5. Аналогичным образомсоздайте внутристраничные гиперссылки для проектовH-173-1P и R-189-1P.

а б

Рис. 8. Внутристраничные гиперссылки