Тег BODY

Браузер	Internet Explorer			Netscape			Opera			Safari	Mozilla	Firefox
Версия	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

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

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

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

Синтаксис

Параметры

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

Закрывающий тег

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Тег BODY</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body onLoad="alert('Документ загружен')">
<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>

Результат текущего примера показан на рис. 1. При использовании параметра onload тега <BODY> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Рис. 1

Рис. 1. Всплывающее окно в документе

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

Параметр ALINK

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

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

Совпадает с цветом ссылки.

Аналог CSS

BODY:active { color: цвет }

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр alink</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body alink="red">
...
</body>
</html>

Параметр BACKGROUND

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

Нет.

Аналог CSS

BODY { background: url('путь к файлу') }

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр background</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body background="/images/bgred.gif">
...
</body>
</html>

Параметр BGCOLOR

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

См. параметр ALINK.

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

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

Аналог CSS

BODY { background: цвет }

Пример 4. Фоновый цвет на веб-странице

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр bgcolor</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#A0BEC4">
...
</body>
</html>

Параметр BGPROPERTIES

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

Нет.

Аналог CSS

BODY { background-attachment: fixed | scroll }

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр bgproperties</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body background="images/bbking.jpg" bgproperties="fixed">
...
</body>
</html>

Примечание

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

Параметр LEFTMARGIN

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

10 пикселов для Windows и 8 пикселов для Macintosh.

Аналог CSS

BODY { margin: число }

Пример 6. Отступ левого края

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр leftmargin</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body leftmargin="0">
...
</body>
</html>

Примечание

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

Параметр LINK

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

См. параметр ALINK.

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

#0000FF

Аналог CSS

BODY:link { color: цвет }

Пример 7. Цвет ссылок

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр link</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body link="#003366">
...
</body>
</html>

Параметр SCROLL

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

yes

Аналог CSS

BODY { overflow: hidden }

Пример 8. Запрет полос прокрутки

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body scroll="no">
...
</body>
</html>

Параметр TEXT

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

См. параметр ALINK.

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

#000000

Аналог CSS

BODY { color: цвет }

Пример 9. Цвет текста на веб-странице

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр text</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body text="maroon">
...
</body>
</html>

Параметр VLINK

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

См. параметр ALINK.

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

#551a8b (Navigator 4); #800080 (Internet Explorer Windows); #006010 (Internet Explorer Macintosh).

Аналог CSS

BODY:visited { color: цвет }

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр vlink</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body vlink="#660066">
...
</body>
</html>