Что такое body в html

Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . К такой информации относится текст, изображения, теги, скрипты JavaScript и т. д.

также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору body .

Часто используется для размещения обработчика событий, например, onload , которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

Синтаксис¶

1 2 3

body> . body> 

Закрывающий тег не обязателен.

Атрибуты¶

Для этого элемента доступны универсальные атрибуты.

Спецификации¶

• WHATWG HTML Living Standard
• HTML5
• HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

 html> head> title>BODYtitle> meta charset="utf-8" /> head> body onload="alert('Документ загружен')"> p> Еще Аристотель в своей «Политике» говорил, что музыка, воздействуя на человека, доставляет «своего рода очищение, то есть облегчение, связанное с наслаждением». p> body> html> 

HTML тег body

Основное тело HTML документа, где размещается весь контент. Этот элемент обязателен к использованию и используется на странице один раз. Он должен начинаться сразу же после закрывающего тега и заканчиваться непосредственно перед закрывающем тегом .

Разница между HTML 4.01 и HTML5

В HTML5 были удалены все атрибуты, относящиеся к разметке.

Атрибуты тега

Общие атрибуты

CSS стили по умолчанию

Большинство браузеров будут отображать тег со следующими стилями

 body < display: block; margin: 8px; >body:focus

HTML пример использования

Простой HTML документ с минимальным набором тегов:

      Содержимое документа.  

Элемент body

Элемент body (от англ. «body» ‒ «тело») указывает тело документа. В body должно располагаться все содержимое документа. Открывающий тег « » указывает начало отображаемой части документа, а закрывающий тег « » указывает конец отображаемой части документа.

Условия использования

В формате STRICT всё содержимое элемента body должно обязательно располагаться внутри блочных элементов (например, div , p ).

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

Спецификация

Атрибуты

alink Цвет активированных гиперссылок. background Фоновое изображение страницы. bgcolor Фоновый цвет страницы. bgproperties Фиксация фонового изображения документа. bottommargin Задаёт нижний отступ страницы leftmargin Задаёт левый отступ страницы. link Цвет гиперссылок. rightmargin Задаёт правый отступ страницы. scroll Устанавливает наличие или отсутствие полос прокрутки окна web-браузера. text Цвет текста страницы. topmargin Задаёт верхний отступ страницы. vlink Цвет активированных гиперссылок (посещённых страниц). Глобальные атрибуты accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Данный элемент не имеет параметров / атрибутов.

HTML тег

Тег определяет контент HTML документа (текст, изображения, ссылки и т.д.). Он располагается внутри элемента , после тега . В одном документе допускается использование только одного тега .

Синтаксис

Tег парный. Его содержимое пишется между открывающим () и закрывающим () тегами.

Пример

html> html> head> title>Заголовок документа title> head> body> Содержание документа body> html>

Результат

Атрибуты

Как добавить стиль к тегу ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :

• CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
• CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
• CSS свойство font-size задает размер щрифта.
• CSS свойство font-weight устанавливает насыщенность шрифта.
• CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
• CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега :

• CSS свойство color определяет цвет контента и оформления текста.
• CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега :

• CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
• CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
• CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
• CSS свойство word-break указывает перенос строки.

Другие свойства для тега :

• CSS свойство text-shadow добавляет тень к тексту.
• CSS свойство text-align-last выравнивает последнюю строку текста.
• CSS свойство line-height устанавливает межстрочный интервал.
• CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
• CSS свойство word-spacing устанавливает расстояние между словами в тексте.