2.4. Тело HTML документа
Тело HTML документа располагается после заголовка и ограничено контейнером
BODY
...
/BODY
.
Содержимое тела документа отображается в окне Web-броузера и состоит из маркированного тегами
форматирования текста, таблиц, графических и прочих мультимедиа-элементов, ссылок на другие ресурсы
и различных органов управления. В приведенном в предыдущей главе примере, тело
документа состоит из одной единственной строки "В разработке".
Так как в контейнере
BODY
нами не были заданы атрибуты внешнего вида документа,
то данный текст будет отображен в окне броузера в соответствии с пользовательскими установками.
Для обеспечения соответствия между внешним видом документа в броузере пользователя и дизайном
разработчика необходимо использовать специальные атрибуты тега
BODY
:
- BGCOLOR - цвет фона документа;
- BACKGROUND - URL графического изображения, для создания фона;
- BGPROPERTIES - режим прокрутки фона по отношению к тексту документа
(по умолчанию прокрутка вместе с текстом, BGPROPERTIES=FIXED - стационарный фон);
- TEXT - цвет текста документа;
- LINK - цвет выделения элементов-якорей ссылок;
- ALINK - цвет выделения активных элементов-якорей ссылок;
- VLINK - цвет выделения элементов-якорей просмотренных ссылок;
Для определения цветов в HTML применяются шестнадцатеричные коды RGB компонентов,
но стандартные 16 цветов можно задавать по их общепринятым названиям:
BLACK=#000000 | | MAROON=#800000 | |
GREEN=#008000 | | OLIVE=#808000 | |
GRAY=#808080 | | NAVY=#000080 | |
RED=#FF0000 | | PURPLE=#800080 | |
YELLOW=#FFFF00 | | TEAL=#008080 | |
BLUE=#0000FF | | LIME=#00FF00 | |
WHITE=#FFFFFF | | FUSHSIA=#FF00FF | |
SILVER=#C0C0C0 | | AQUA=#00FFFF | |
Рассмотрим пример HTML документа, в котором вышеперечисленные атрибуты используются для
определения внешнего вида элементов тела документа.
Пример 2. Формирование тела документа.
HTML
HEAD
TITLE
Атрибуты тела документа
/TITLE
/HEAD
BODY BGCOLOR ="SILVER", TEXT="BLACK",
LINK="BLUE", ALINK="RED", VLINK="NAVY"
H1
Наш документ такой - как мы задумали !
/H1
HR
H2
Обратите внимание на:
/H2
P
Цветовое выделение элемента-якоря ссылки в документе
P
Цвет текста документа
P
Цвет фона документа
/P
HR
P ALIGN=CENTER
A HREF="mailto:[email protected]"
Попробуй связаться со мной
/A
/BODY
/HTML
Не будем разбирать, что означают неизвестные нам пока теги (хотя просмотрев пример в окне,
не трудно догадаться), но как задавать внешний вид элементов тела документа мы уже знаем.
Зададимся теперь вопросами форматирования разнородного содержимого тела документа и перейдем к
третьей главе.