САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <body>



Пример

Простой HTML документ:

<html>
<head>
  <title>Название документа</title>
</head>

<body>
  <h1>Это заголовок</h1>
  <p>Это параграф.</p>
</body>

</html>
Попробуйте сами »

Определение и использование

Тег <body> определяет тело документа.

Тег <body> содержит все содержимое HTML документа, например заголовки, параграфы, изображения, гиперссылки, таблицы, списки и т.д.

Примечание: Здесь может быть только один элемент <body> в HTML документе.


Поддержка браузеров

Элемент
<body> Да Да Да Да Да

Глобальные атрибуты

Тег <body> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <body> также поддерживает События атрибутов в HTML.



Еще примеры

Пример

Добавление фонового изображения в документ (с помощью CSS):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>

<h1>Привет мир!</h1>
<p><a href="https://www.schoolsw3.com">Посетить Schoolsw3.com!</a></p>

</body>
Попробуйте сами »

Пример

Установите цвет фона документа (с помощью CSS):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>

<h1>Привет мир!</h1>
<p><a href="https://www.schoolsw3.com">Посетить Schoolsw3.com!</a></p>

</body>
Попробуйте сами »

Пример

Установка цвета текста в документе (с помощью CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>

<h1>Привет мир!</h1>
<p>Это какой-то текст.</p>
<p><a href="https://www.schoolsw3.com">Посетить Schoolsw3.com!</a></p>

</body>
</html>
Попробуйте сами »

Пример

Установите цвет непосещаемых ссылок в документе (с помощью CSS):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>

<p><a href="https://www.schoolsw3.com">Schoolsw3.com</a></p>
<p><a href="https://www.schoolsw3.com/html/">HTML Учебник</a></p>

</body>
</html>
Попробуйте сами »

Пример

Установка цвета активных ссылок в документе (с помощью CSS):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>

<p><a href="https://www.schoolsw3.com">Schoolsw3.com</a></p>
<p><a href="https://www.schoolsw3.com/html/">HTML Учебник</a></p>

</body>
</html>
Попробуйте сами »

Пример

Установите цвет посещенных ссылок в документе (с помощью CSS):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>

<p><a href="https://www.schoolsw3.com">Schoolsw3.com</a></p>
<p><a href="https://www.schoolsw3.com/html/">HTML Учебник</a></p>

</body>
</html>
Попробуйте сами »

Связные страницы

HTML учебник: HTML Элементы

HTML DOM справочник: Объект body

HTML DOM справочник: Свойство document.body


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <body> со следующими значениями по умолчанию:

Пример

body {
  display: block;
  margin: 8px;
}

body:focus {
  outline: none;
}
Попробуйте сами »