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

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

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

Переходы по гиперссылкам в пределах Web-страницы - student2.ru Переходы по гиперссылкам в пределах Web-страницы - student2.ru <A NAME="#ПРЫЖОК"> текст </A>.

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

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

Переходы по гиперссылкам в пределах Web-страницы - student2.ru Переходы по гиперссылкам в пределах Web-страницы - student2.ru <A HREF="#ПРЫЖОК"> Переход к закладке </A>.

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

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

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

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

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

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

<HTML>

<HEAD>

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

</HEAD>

<BODY>

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

<P ALIGN="CENTER">

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

</P>

<P><BR><BR><BR><BR><BR><BR></P>

<P><BR><BR><BR><BR><BR><BR></P>

<P><A NAME="ОПРЕДЕЛЕНИЕ">

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

</A></P>

</BODY>

</HTML>

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

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

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

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

Графические гиперссылки

Графические гиперссылки создаются с помощью парного тега <A>…</A>. Внутри этого тега записывается одинарный тег размещения изображения <IMG>, а именно:

Переходы по гиперссылкам в пределах Web-страницы - student2.ru Переходы по гиперссылкам в пределах Web-страницы - student2.ru <A HREF="Адрес"> <IMG SRC="Адрес графического файла"> </A>.

адрес перехода по гиперссылке графическая гиперссылка

Для того чтобы изображение (файл Институт.jpg), показанное на рис. 6.6, было графической гиперссылкой на Web-страницу Образова-ние.htm, необходимо записать следующий код:

<HTML>

<HEAD>

<TITLE> Графическая гиперссылка </TITLE>

</HEAD>

<BODY>

<P ALIGN = "CENTER">

<A HREF=" Образование.htm ">

<IMG SRC = " Институт.jpg " HEIGHT = "250" WIDTH = "350">

</A>

</Р>

</BODY>

</HTML>

Здесь высота (HEIGHT) графической гиперссылки установлена равной
250 пикселей, а ширина (WIDTH) – 350 пикселей. Если Web-страница будет открыта в Internet Explorer, то графическая гиперссылка будет выделена рамкой (рис. 6.6).

Если необходимо, чтобы изображение (рис. 6.6) было графической гиперссылкой на Web-сайт ЧИУП, то следует записать:

<A HREF="http://www.imb.by">

<IMG SRC = " Институт.jpg " HEIGHT = "250" WIDTH = "350">

</A>

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

Рис. 6.6. Графическая гиперссылка

Наши рекомендации