Тег BODY

Тег <body> (парный) предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера BODY. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору <body>. Тем не менее, большинство параметров до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения обработчика событий, например, onLoad, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги BODY на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

Синтаксис
<body>
...
</body>

Закрывающий тег
Обязателен.

Параметры
alink — устанавливает цвет активной ссылки.
background — задает фоновый рисунок на веб-странице.
bgcolor — цвет фона веб-страницы.
bgproperties — определяет, прокручивать фон совместно с текстом или нет.
bottommargin — отступ от нижнего края окна браузера до контента.
leftmargin — отступ по горизонтали от края окна браузера до контента.
link — цвет ссылок.
scroll — устанавливает, отображать полосы прокрутки или нет.
text — цвет текста в документе.
topmargin — отступ от верхнего края окна браузера до контента.
vlink — цвет посещенных ссылок.

Пример 1. Использование тега BODY

<html>
<body onLoad="alert('Документ загружен')" text=navy>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>

Описание параметров тега BODY

Параметр ALINK

Описание
Устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный, когда на ссылку нажимают курсором мыши или выделяют ее с помощью клавиатуры.

 

Синтаксис
<body alink=цвет>...</body>

Аргументы
Значение цвета можно задавать двумя способами.

1. По его названию
Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Значение по умолчанию
Совпадает с цветом ссылки.

Пример 2. Изменение цвета активной ссылки

<html>
<body alink="orange">
...
</body>
</html>

Параметр BACKGROUND

Описание
Определяет изображение, которое будет использоваться в качестве фонового рисунка. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и текстом веб-страницы. В качестве фона допускается использовать анимированные изображения в формате GIF, но они отвлекают внимание читателей.

Синтаксис
<body background=URL>...</body>

Аргументы
Любой допустимый адрес изображения — можно использовать относительный или абсолютный путь.

Значение по умолчанию
Нет.

Пример 3. Установка фонового рисунка на веб-странице

<html>
<body background=/images/bgred.gif>
...
</body>
</html>

Параметр BGCOLOR

Описание
Устанавливает цвет фона веб-страницы. Можно использовать этот параметр совместно с background, подобрав цвет фона близкий к фоновому рисунку

Синтаксис
<body bgcolor=цвет>...</body>

Аргументы
См. параметр ALINK.

Значение по умолчанию
Зависит от браузера и его версии, но обычно используется белый цвет фона.

Пример 4. Установка цвета фона веб-страницы

<html>
<body bgcolor=#A0BEC4>
...
</body>
</html>

Параметр BGPROPERTIES

Описание
По умолчанию фоновый рисунок прокручивается совместно с содержанием веб-страницы. Используя параметр bgproperties можно зафиксировать фон на одном месте и, таким образом, заставить прокручиваться только контент. Подобное качество веб-страницы редко применяется для сайтов, поэтому для пользователей может показаться странным и непривычным.

Синтаксис
<body bgproperties=fixed>...</body>

Аргументы
Существует только один параметр fixed, который фиксирует фон. Если требуется убрать эту возможность, удалите параметр bgproperties у тега BODY или установите у него пустое значение — "".

Значение по умолчанию
Нет.

Пример 5. Фиксирование фона

<html>
<body background=images/bbking.jpg bgproperties=fixed>
...
</body>
</html>

Примечание

  • Не все браузеры поддерживают этот параметр, например, Netscape его игнорирует.
  • Замечено, что при установке фонового рисунка на веб-странице через стили, параметр bgproperies перестает работать.

Параметр LEFTMARGIN

Описание
Определяет отступ от левого и правого края окна браузера до контента веб-страницы.

Синтаксис
<body leftmargin=число>...</body>

Аргументы
Целое положительное число, которое устанавливает отступ в пикселях.

Значение по умолчанию
10 пикселов для Windows и 8 пикселов для Macintosh.

Пример 6. Изменение отступа слева

<html>
<body leftmargin=0>
...
</body>
</html>

Примечание

  • Браузер Netscape не понимает параметр leftmargin, для установки отступов в нем используются параметры marginwidth — отступы по горизонтали и marginheight — отступы по вертикали.
  • Для задания отступов от правого, нижнего и верхнего края применяются, соответственно, параметры rightmargin, bottommargin и topmargin.

Параметр LINK

Описание
Устанавливает цвет не посещенных ссылок.

Синтаксис
<body link=цвет>...</body>

Аргументы
См. параметр ALINK.

Значение по умолчанию
#0000FF

Пример 7. Установка цвета ссылок

<html>
<body link=#003366>
...
</body>
</html>

Параметр SCROLL

Описание
Параметр scroll управляет присутствием полос прокрутки в окне браузера, когда содержание веб-страницы превышает размер текущего окна. Этот параметр работает только в браузере Internet Explorer.

Синтаксис
<body scroll=yes | no>...</body>

Аргументы
yes — отображает полосы прокрутки.
no — запрещает показ полос прокрутки в окне.

Значение по умолчанию
yes

Пример 8. Сокрытие полосы прокрутки

<html>
<body scroll=no>
...
</body>
</html>

Параметр TEXT

Описание
Устанавливает цвет текста, используемого на веб-странице по умолчанию. Цвета отдельных элементов можно легко изменять с помощью стилей.

Синтаксис
<body text=цвет>...</body>

Аргументы
См. параметр ALINK.

Значение по умолчанию
#000000

Пример 9. Изменение цвета текста

<html>
<body text=maroon>
...
</body>
</html>

Параметр VLINK

Описание
Определяет цвет посещенных ссылок, т.е., таких ссылок, на которые пользователь уже «нажимал».

Синтаксис
<body vlink=цвет>...</body>

Аргументы
См. параметр ALINK.

Значение по умолчанию
#551a8b (Navigator 4); #800080 (Internet Explorer Windows); #006010 (Internet Explorer Macintosh).

Пример 10. Установка цвета посещенных ссылок

<html>
<body vlink=#660066>
...
</body>
</html>

Материал взят с сайта htmlbook.ru