Другая важная способность — это построение изображений с областями для щелчка мышью. Конечный пользователь может щелкать на области в изображении, чтобы выбрать связанный с этой областью документ.
19.6.1 Создание документа на HTML
Некоторые детали отображения документа оставлены клиенту. Браузер настольной системы обычно разрешает конечному пользователю выбрать шрифты для выводимого текста. Текст HTML-документа будет переформатирован согласно размеру окна экрана и выбранного шрифта. Автор документа HTML может определить следующие элементы:
■ Заголовки
■ Подзаголовки
■ Абзацы
■ Ссылки с помощью URL
■ Списки
■ Предварительно отформатированный текст
■ Форматирование символов
■ Специальные символы
■ Встроенные изображения
■ Внешние графические изображения
■ Формы для ввода данных
■ Карту областей щелчка мышью
■ Таблицы и формулы
Включенный в HTML-документ элемент определяется соответствующим тегом. Например, тег <TITLE> вводит заголовок документа.
Гипертекстовый документ можно создать, используя обычный текстовый редактор. Однако популярные программы текстовых процессоров обеспечивают подключаемые модули для автоматизации создания тегов и позволяют проводить работу в режиме "Что видим, то и получаем". Существуют специальные программные продукты для создания гипертекстовых документов. В них автоматизировано построение различных элементов и по желанию можно скрыть от пользователя примененные теги.
Хороший способ создания документа HTML состоит в том, чтобы отформатировать документ в обычном текстовом процессоре, а затем применить конвертер для автоматического преобразования в HTML.
Общее понимание принципов работы HTML полезно при рассмотрении способов наиболее эффективного использования любых его средств. Кроме того, постоянно появляются новые возможности в самом языке, которые еще не реализованы в соответствующих инструментах, и такого рода данные могут вводиться только вручную. К счастью, HTML достаточно прост для изучения.
19.6.2 Теги HTML
Тег состоит из названия элемента и параметров, заключенных в угловые скобки (<...>). Ниже мы рассмотрим наиболее широко используемые теги. Символы тегов не чувствительны к регистру, но для постоянства мы будем записывать их только в верхнем регистре.
Большинство тегов применяется парами, показывая начало и конец элемента. Заключительный тег имеет то же самое имя, что и начальный, но начинается с символа слэша </...>. Например:
<TITLE>Welcome То The Web</TITLE>
19.6.3 Общий формат HTML-документа
Несколько тегов служат для определения начала и конца HTML-документа или выделяют в нем заголовок и тело. Например:
<HTML> Начало гипертекстового документа.
<head> Начало заголовка.
<!--Last Modified on October 21, 1995--> Комментарий.
<base href = "http://www.abc.com/ind.html3"> Указывает размещение данного
документа.
<TITLE>Welcome to the Web</TITLE> Заголовок, обычно выводимый вверху
клиентского экрана.
</head> Конец заголовка.
<BODY> Начало тела документа.
...
</BODY> Конец тела документа.
</HTML> Конец гипертекстового документа.
19.6.4 Заголовки HTML
Главы, разделы и подразделы документа начинаются заголовками. Можно использовать шесть уровней заголовков, и каждый будет выведен собственным форматом. Например, заголовки первого уровня обычно представлены жирным шрифтом большого размера:
<Н1>Это заголовок первого уровня — самый главный</Н1>
<Н2>Заголовок второго уровня можно применять для разделов</H2>
<H3>Существуют еще заголовки уровней с третьего по шестой</H3>
19.6.5 Абзацы и разрывы
Автор должен указывать границы абзацев, иначе весь выводимый текст сольется вместе. Клиентская программа обычно объединяет повторяющиеся пробелы и пустые строки в один пробел или пустую строку, если не указано иное форматирование.
Старые версии HTML выделяли абзацы, помещая тег <P> в начале каждого нового абзаца:
<P>Это абзац.
<P>Это следующий абзац.
Это справедливо и для версии 3, но в ней можно применять и пару тегов, отмечающих начало и конец абзаца:
<P> Это абзац.</P>
По умолчанию большинство браузеров вставляет между абзацами пустую строку (в версии 3 есть теги для описания другого стиля абзацев, например, для отступа в первой строке). Если нужно начать новую строку, но не новый абзац, используют разрыв:
Розы — красные, <BR>
Фиалки — голубые.<BR>
19.6.6 Неупорядоченные списки
Неупорядоченный список выводится как последовательность помеченных элементов. Например:
<UL>
<LI> Яблоко
<LI> Груша
</UL>
В версии 3 определен необязательный заголовок списка и тег конца элемента:
<UL>
<LH>Виды фруктов</LH>
<LI>Яблоко</LI>
<LI>Груша<LI>
</UL>
19.6.7 Упорядоченные списки
Упорядоченные списки имеют такую же структуру, но элементы нумеруются:
<OL>
<LH>Это упорядоченный список.</LH>
<LI>Первый элемент.
<LI>Следующий элемент.
</OL>
Как и раньше, тег конца элемента списка (</LI>) и заголовок списка (<LH> ... </LH>) необязательны.
19.6.8 Список определений
Список определений является последовательностью терминов и их определений:
<DL>
<LH>Терминология WWW</LH>
<DТ>Язык разметки гипертекста (HTML)
<DD>Язык форматирования для записи гипертекстовых документов. Теги документа
идентифицируют такие элементы, как заголовки, абзацы или списки.
<DТ>Протокол пересылки гипертекста (HTTP)
<DD>Протокол для запроса и пересылки гипертекстовых документов.
</DL>
При выводе это будет выглядеть как:
Терминология WWW
Язык разметки гипертекста
Язык форматирования для записи гипертекстовых документов. Теги документа
идентифицируют такие элементы, как заголовки, абзацы или списки.
Протокол пересылки гипертекста.