Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <body>



Пример

Простой 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;
}
Попробуйте сами »