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>
<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. Страница с закладкой после перехода
- Оглавление
- 1. Глобальная компьютерная сеть «интернет»
- 1.1. Назначение и виды компьютерных сетей
- 1.2. Основные понятия Интернет
- 1.3. Адресация компьютеров в сети «Интернет»
- 1.4. Информационные системы Интернет
- 1.5. Гипертекстовая информационная система www
- Тип протокола://адрес компьютера/
- 2. Создание web-страниц
- 2.1. Основные понятия html
- 2.2. Структура html-документа
- 2.3. Создание и редактирование Web-страниц
- Обновить
- 3. Работа с текстом
- 3.1. Создание текстовых заголовков
- 3.2. Абзацы текста
- 3.3. Форматирование текста
- Номер и размер шрифта
- 3.4. Списки
- Нумерованные списки
- Маркированные списки
- 3.5. Бегущая строка
- 3.6. Специальные символы
- Коды специальных символов
- 4. Графические объекты
- 4.1. Поддерживаемые форматы графических объектов
- 4.2. Размещение изображений на Web-страницах
- 4.3. Горизонтальные линии
- 5. Таблицы
- 5.1. Создание таблиц
- 5.2. Заголовки и форматирование таблиц
- 6. Гиперссылки
- 6.1. Назначение и виды гиперссылок
- 6.2. Гиперссылки на другие Web-страницы
- 6.3. Переходы по гиперссылкам в пределах Web-страницы
- 6.4. Графические гиперссылки
- 6.5. Гиперссылки на адреса электронной почты
- 7. Фреймы
- 7.1. Понятие и типы фреймов
- 7.2. Создание фреймов
- 8. Публикация Web-документов
- 9. Контрольные задания
- Приложение
- Коды цвета
- Значения атрибутов align и valign
- Литература
- 220086, Минск, ул. Славинского, 1, корп. 3.