Простой HTML документ:
<html>
<head>
<title>Название документа</title>
</head>
<body>
<h1>Это заголовок</h1>
<p>Это параграф.</p>
</body>
</html>
Попробуйте сами »
Определение и использование <body>
Тег <body>
определяет тело документа.
Тег <body>
содержит все содержимое HTML документа, например заголовки, параграфы, изображения, гиперссылки, таблицы, списки и т.д.
Примечание: В HTML документе, может быть только один элемент <body>
.
Поддержка браузеров <body>
Элемент | |||||
---|---|---|---|---|---|
<body> | Да | Да | Да | Да | Да |
Глобальные атрибуты <body>
Тег <body>
также поддерживает Глобальные атрибуты в HTML.
События атрибутов <body>
Тег <body>
также поддерживает События атрибутов в HTML.
Еще примеры <body>
Добавление фонового изображения в документ (с помощью 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>
Попробуйте сами »
Связные страницы <body>
HTML учебник: HTML Элементы
HTML DOM справочник: Объект body
HTML DOM справочник: Свойство document.body
Настройки CSS по умолчанию <body>
Большинство браузеров будут отображать элемент <body>
со следующими значениями по умолчанию:
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}
Попробуйте сами »