УМП по КИТСоздание Web-документов с помощью HTM

6.3. Переходы по гиперссылкам в пределах Web-страницы

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

Для создания закладки используется парный тег <A>…</A> с ука-занием атрибута NAME, значение которого соответствует имени закладки. Например:

<A NAME="#ПРЫЖОК"> текст </A>.

имя закладки закладка

Закладкой является текст, заключённый внутри парного тега <A>…</A>. Здесь закладке присвоено имя #ПРЫЖОК. Переход по гиперссылке к закладке с именем #ПРЫЖОК осуществляется при выполнении следующего тега:

<A HREF="#ПРЫЖОК"> Переход к закладке </A>.

имя закладки гиперссылка

Гиперссылка на раздел документа (закладку) будет выглядеть так же, как и любая другая гиперссылка. Однако щелчок по ней приведёт не к открытию новой страницы, а к прокручиванию текущего документа до указанной закладки.

На рис. 6.3 приведена Web-страница с гиперссылкой Что такое Web-сайт? на закладку.

Рис. 6.3. Страница с закладкой

Для того чтобы получить приведенную на рис. 6.3 Web-страницу, необходимо набрать следующий программный код:

<HTML>

<HEAD>

<TITLE> Страница с закладкой </TITLE>

</HEAD>

<BODY>

<H3 ALIGN="CENTER"> Основные понятия WWW </H3>

<A HREF="#ОПРЕДЕЛЕНИЕ"> Что такое Web-сайт? </A>

Web-сайт – это набор Web-страниц, связанных единой темой, общим оформлением и взаимными гиперссылками

</A>

</BODY>

</HTML>

В приведенном коде для создания новых строк внутри абзаца (парный тег …) используется одинарный тег . Проверка созданной гиперссылки Что такое Web-сайт? осуществляется следующим образом: размеры окна обозревателя нужно уменьшить так, чтобы текст закладки не был виден (рис. 6.4). Если при щелчке по гиперссылке появляется закладка (рис. 6.5), то HTML-код записан правильно.

Рис. 6.4. Страница с закладкой в уменьшенном окне

Рис. 6.5. Страница с закладкой после перехода

Содержание