Тег <BODY> предназначен для размещения содержательной части веб-страницы (контента), отображаемой в окне браузера.
Тег <BODY> позволяет задать общие свойства для всей страницы. Эти свойства определяются атрибутами тега.
Тег <BODY> имеет шесть основных атрибутов:
BGCOLOR - цвет фона документа
TEXT - цвет текста документа
LINK - цвет обычных ссылок
ALINK - цвет активной ссылки, на которой щелкнули мышью
VLINK - цвет посещенных ссылок
BACKGROUND - фоновый рисунок документа
Значение каждого из перечисленных атрибутов, за исключением BACKGROUND, может быть задано кодом цвета или его наименованием.
Пример:
Значения атрибутов BGCOLOR и TEXT в примере определяют черный цвет текста на желтом фоне для всей страницы.
<HTML>
<HEAD>
<TITLE>Изучаем тэг <BODY></TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="#000000">
Цвет фона страницы и цвет текста
</BODY>
</HTML>
А вот как выглядит окно браузера Firefox , если открыть эту страницу:
Значений цветов, используемых в HTML страницах достаточно много. Поэтому ниже приведена таблица значений основных цветов, остальные являются производными от них.
Значения основных цветов
| Цвет | Наименование | Код | Цвет | Наименование | Код |
| black | #000000 | green | #008000 | ||
| silver | #C0C0C0 | lime | #00FF00 | ||
| gray | #808080 | olive | #808000 | ||
| white | #FFFFFF | yellow | #FFFF00 | ||
| maroon | #800000 | navy | #000080 | ||
| red | #FF0000 | blue | #0000FF | ||
| purple | #800080 | teal | #008080 | ||
| fuchsia | #FF00FF | aqua | #00FFFF |
Задания
Задание 1
1. В файле index.html добавить в тег <BODY> атрибуты цвета для текста и для фона.
2. Сохранить файл index.html.
3. Нажать кнопку "Показать в браузере" на панели редактора.
4. Проверить правильность отображения страницы в соответствии с внесенными атрибутами.
Например, атрибуты тега <BODY> с приведенными значениями
<BODY BGCOLOR="#008080" TEXT="#FFFF00">
придают странице следующий вид:
Выбор цвета в редакторе Hefs с использованием палитры:
Атрибуты тега <BODY> : LINK, ALINK, VLINK позволяют изменять цвет ссылок на HTML странице, которые в языке HTML называются anchors - якоря.
Пример
Атрибуты тега <BODY> с указанными значениями:
<BODY LINK="blue" ALINK="red" VLINK="yellow"> ... </BODY>
устанавливает синий цвет для обычных ссылок, красный - для активных и желтый - для посещенных.