Переходы по гиперссылкам в пределах 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>
<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-код записан правильно.
Рис. 6.4. Страница с закладкой
в уменьшенном окне
Рис. 6.5. Страница с закладкой после перехода
Графические гиперссылки
Графические гиперссылки создаются с помощью парного тега <A>…</A>. Внутри этого тега записывается одинарный тег размещения изображения <IMG>, а именно:
<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>
Рис. 6.6. Графическая гиперссылка