- •Содержание
- •Введение
- •1 Структура html-документа
- •2.2 Горизонтальная линия
- •2.3 Абзац
- •2.4 Принудительный разрыв строки
- •2.5 Цвет фона и цвет шрифта
- •3 Оформление отдельных элементов текста
- •3.1 Текстовые ссылки и цитаты
- •3.2 Усиление текста
- •3.3 Авторское редактирование
- •3.4 Центрирование абзацев и фрагментов
- •4 Программирование списков
- •4.1 Маркированный список
- •4.2 Нумерованный список
- •4.3 Вложенные списки
- •5 Гипертекст
- •5.1 Переносимость
- •5.2 Html-документ - это гипертекст
- •5.3 Гипертексты и браузеры
- •5.4 Переход к другому документу
- •5.5 Переход к метке другого документа
- •6 Графика
- •6.1 Программирование картинки
- •7 Фоновые изображения
- •8 Таблицы
- •8.1 Программирование таблицы
- •8.2 Атрибуты команды tr
- •8.3 Атрибуты команды td (th)
- •8.4 Страничные отступы
- •8.5 Таблицы, вложенные друг в друга
- •9 Вопросы для самоконтроля
- •10 Задания
- •Литература
5.3 Гипертексты и браузеры
Для навигации по сайту используются ссылки. Для перехода по ссылке необходимо щелкнуть по ней мышкой, для возврата из ссылки необходимо использовать навигационную кнопку браузера "Назад" ("Back"). Если ссылки образуют вложенную цепочку, то кнопки "Назад" ("Back") и "Вперед" ("Forward") можно использовать для движения по пройденному ссылочному пути в обе стороны. Они работают как традиционные операции "откатка" и "накатка" в большинстве прикладных программ.
Для задания гипертекстового перехода внутри документа используют две команды <A>. Первая команда с атрибутом href является источником перехода, вторая с атрибутом name - приемником.
-
Общий вид программы
Комментарий
...
<A href=#метка>текст</A>
...
...
...
<A name=метка></A>
...
Задание перехода по метке
На экран выводится ссылка: текст
Метка. Сюда браузер приходит по ссылке.
На экране ничего не отображается.
Для организации перехода внутри документа нужно выбрать имя для метки. Имя должно быть уникальным в HTML-программе, т.е. других меток с таким именем в программе быть не должно, т.к. для одинаковых меток браузер выполняет переход на самую первую метку в программе. Имя может заключаться в кавычки. Имя может состоять из любых символов. В том случае, когда имя содержит пробелы или ключевые символы HTML, кавычки обязательны.
Запрограммировать переход по метке можно согласно примеру:
<Ahref=#метка>текст</A>, где:
# - ключевой символ;
метка - выбранное имя для метки;
текст - запись, которая будет выглядеть на экране браузера как ссылка.
Установить тег с меткой в нужном месте HTML-программы можно следующим образом: перед фрагментом HTML-программы, на который должен выполниться переход записать команду-метку: <A name =метка>.
При этом имя метки должно быть то же самое, что и в команде, задающей переход, парный тег </A>может быть опущен.
5.4 Переход к другому документу
Для того, чтобы браузер загрузил в свое окно новый HTML-документ, необходимо прописать в программе ссылку при помощи команды <A> с атрибутом href=имя_файла.
|
Общий вид программы |
Комментарий |
|
... <A href=имя_файла>текст</A> ... |
Выполнить файл "имя_файла". На экран выводится ссылка: текст При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле "имя_файла".
|
На рисунке 7.1. представлена структура перехода по гиперссылке от одной странице к другой.
|
||
Рисунок 7.1 – Структура перехода по гиперссылке
5.5 Переход к метке другого документа
Существует метод для объединения задач передачи управления в другую часть документа и передачи управления в другую программу (HTML-файл). Этот метод заключается в передачи управления из одного документа к метке внутри другого.
-
Общий вид программы
Комментарий
Первый HTML-файл
...
<A href=имя_файла#метка>
Текст
</A>
...
Второй HTML-файл
...
<A name=метка>
...
Приступить к показу фрагмента
с меткой "метка" в файле
"имя_файла".
На экран выводится ссылка: текст
При щелчке пользователя на ссылке
браузер строит на экране документ
по программе, заданной в файле
"имя_файла", начиная с фрагмента
с меткой "метка"
На рисунке 7.2. представлена структура перехода к метке другого HTML документа.
Рисунок 7.2. – Структура перехода к метке HTML-документа
