Тег <body> HTML

  • Предыдущая страница <blockquote>
  • Следующая страница <br>

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

<body> Элемент tag определяет corps документа.

Метаданные и информация о документе HTML 包装аются в элемент head, а содержимое документа упаковывается в элемент body.

Элемент body всегда следует за элементом head, он является вторым подэлементом элемента html.

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

Внимание:В одном HTML-документе может быть только один <body> Элемент.

Пример

Простая, но полная HTML-документ:

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
    <h1>Это заголовок</h1>
    <p>Это абзац.</p>
  </body>
</html>

Попробуйте сами

Совет:На странице внизу предоставлены дополнительные примеры.

Глобальные свойства

<body> Эти теги также поддерживают Глобальные свойства в HTML.

Свойства событий

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

Standartные CSS настройки

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

body {
  display: block;
  margin: 8px;
}
body:focus {
  outline: none;
}

Попробуйте сами

Более примеров

Пример 1

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

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">Посетите codew3c.com!</a></p>
</body>

Попробуйте сами

Пример 2

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

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">Посетите codew3c.com!</a></p>
</body>

Попробуйте сами

Пример 3

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

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>Это текст.</p>
<p><a href="">Посетите codew3c.com!</a></p>
</body>
</html>

Попробуйте сами

Пример 4

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

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Уроки HTML</a></p>
</body>
</html>

Попробуйте сами

Пример 5

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

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Уроки HTML</a></p>
</body>
</html>

Попробуйте сами

Пример 6

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

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Уроки HTML</a></p>
</body>
</html>

Попробуйте сами

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <blockquote>
  • Следующая страница <br>