Тег BODY

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

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

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

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

Синтаксис

Параметры

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

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

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
 </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

ШТМЛ:

3.2

XШТМЛ:

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. Цвет активной ссылки

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

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

  <p>Обычный контент</p>
  <p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>

 </body>
</html>

Параметр BACKGROUND

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

Нет.

Аналог CSS (ЦСС)

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

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

Параметр BGCOLOR

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

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

Аналог CSS (ЦСС)

BODY { background: цвет }

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

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

Параметр BGPROPERTIES

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

Нет.

Аналог CSS (ЦСС)

BODY { background-attachment: fixed | scroll }

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр bgproperties</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body background="/images/snow.gif" bgproperties="fixed">

  <table height="2000"><tr><td></td></tr></table>

 </body>
</html>

Параметр LEFTMARGIN

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

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

Аналог CSS (ЦСС)

BODY { margin: число }

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр leftmargin</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body leftmargin="0">
  <p>контент плотно прижимается к левому краю окна браузера</p>
 </body>
</html>

Примечание

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

Параметр LINK

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

#0000FF

Аналог CSS (ЦСС)

BODY:link { color: цвет }

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

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

  <p>Обычный контент</p>
  <p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>

 </body>
</html>

Параметр SCROLL

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

yes

Аналог CSS (ЦСС)

BODY { overflow: hidden }

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

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

  <table height="2000"><tr><td></td></tr></table>

 </body>
</html>

Параметр TEXT

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

#000000

Аналог CSS (ЦСС)

BODY { color: цвет }

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

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

  <p>Пример контента</p>

 </body>
</html>

Параметр VLINK

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

#551a8b (Файер фох); #800080 (Internet Эксплорер и Опера).

Аналог CSS (ЦСС)

BODY:visited { color: цвет }

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

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

  <p>Обычный контент</p>
  <p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>

 </body>
</html>