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

Двойное оплодотворение у цветковых растений: Оплодотворение - это процесс слияния мужской и женской половых клеток с образованием зиготы...

Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...

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

2017-06-13 296
Переходы по гиперссылкам в пределах Web-страницы 0.00 из 5.00 0 оценок
Заказать работу

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. Графическая гиперссылка


Поделиться с друзьями:

Типы сооружений для обработки осадков: Септиками называются сооружения, в которых одновременно происходят осветление сточной жидкости...

Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьше­ния длины пробега и улучшения маневрирования ВС при...

Историки об Елизавете Петровне: Елизавета попала между двумя встречными культурными течениями, воспитывалась среди новых европейских веяний и преданий...

Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...



© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.008 с.