Пример
Простой HTML-документ:
<html>
<head>
<title>Название документа</title>
</head>
<body>
<h1>Это заголовок</h1>
<p>Это параграф.</p>
</body>
</html>
Попробуйте сами »
Другие примеры "Попробуйте сами" ниже.
Определение и использование
Тег <body> определяет тело документа.
Элемент <body> содержит все содержимое HTML-документа, такое как заголовки, параграфы, изображения, гиперссылки, таблицы, списки и т.д.
Примечание: В HTML-документе может быть только один элемент <body>.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <body> | Да | Да | Да | Да | Да |
Глобальные атрибуты
Тег <body> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <body> также поддерживает Атрибуты событий в HTML.
Больше примеров
Пример
Добавить фоновое изображение в документ (с помощью CSS):
<html>
<head>
<style>
body {
background-image: url(sw3.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> со следующими значениями по умолчанию: