HTML - тег <body>


Пример

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

<html>
<head>
  <title>Title of the document</title>
</head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

</html>

Другие примеры «Попробуйте сами» ниже.


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

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

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

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


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

Element
<body> Yes Yes Yes Yes Yes

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

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


Атрибуты события

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



Дополнительные примеры

Пример

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

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

<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>

Пример

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

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

<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>

Пример

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

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

<h1>Hello world!</h1>
<p>This is some text.</p>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>
</html>

Пример

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

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

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>
</html>

Пример

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

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

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>
</html>

Пример

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

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

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>
</html>

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

Учебник по HTML: HTML-элементы

Справочник по HTML DOM: объект Body

Ссылка на HTML DOM: свойство document.body


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

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

Пример

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

body:focus {
  outline: none;
}