Основы языка разметки гипертекста - HTML
2. Основы HTML
2.4. Тело HTML документа
Тело HTML документа располагается после заголовка и ограничено контейнером <BODY>...</BODY>.
Содержимое тела документа отображается в окне Web-броузера и состоит из маркированного тегами
форматирования текста, таблиц, графических и прочих мультимедиа-элементов, ссылок на другие ресурсы
и различных органов управления. В приведенном в предыдущей главе примере (Пример №1), тело
документа состоит из одной единственной строки "В разработке".
Так как в контейнере <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:myname@mail.ru">Попробуй связаться со мной</A>
</BODY>
</HTML>
Не будем разбирать, что означают неизвестные нам пока теги (хотя просмотрев пример в окне,
не трудно догадаться), но как задавать внешний вид элементов тела документа мы уже знаем.
Зададимся теперь вопросами форматирования разнородного содержимого тела документа и перейдем к
третьей главе.
|
