<body>

IE
1.0+
Chrome
1.0+
Opera
1.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

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

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

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

<body>
  ...
</body>

Атрибуты

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

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Центрируем по вертикали, при помощи плавающего блока</title>

<style>

body {
	font: 13px/17px arial;
	padding-bottom: 20px;
	width:800px;
	margin:0 auto;
	text-align:center;
}
.parent {
    background: #CCCCCC;
    margin: 20px auto;
    width: 400px;
	height: 250px;
}
.child {
    background: #999999;
    color: #FFFFFF;
    text-align: center;
    clear: both;
    height: 100px;
    outline: 1px solid yellow;
}
.child p {
    padding-top: 10px;
}

.floater {
    float: left;
    height: 50%;
    margin-bottom: -50px;
    outline: 1px solid red;
    width: 100%;
}
</style>
</head>
<body>
<h1>Центрируем по вертикали, при помощи плавающего блока</h1>
<div class="parent">
  <div class="floater"></div>
  <div class="child">Центрируем по вертикали, 
  при помощи плавающего блока</div>
</div>
</body>
</html>

Результат этого примера показан на рисунке ниже:

Центрируем по вертикали, при помощи плавающего блока