Тело 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>
Не будем разбирать, что означают неизвестные нам пока теги (просмотрев пример в окне броузера не трудно догадаться), но как задавать внешний вид элементов тела документа мы уже знаем.
Зададимся теперь вопросами форматирования разнородного содержимого тела документа и перейдем к третьей главе.
3. Основы форматирования
Для придания презентабельного вида вашим документам в HTML есть масса средств, но как бы вы хорошо их не использовали, главное это: чувство стиля, наличие художественного воображения и умеренное использование всяческих "прибамбасов", замедляющих загрузку документов и раздражающих посетителей (не у всех хороший модем или провайдер).
Дата добавления: 2015-04-19; просмотров: 2929;