HTML тег <body>
HTML тег <body> определяет содержимое (контент) HTML-документа, которое отображается в окне браузера (текст, ссылки, картинки (изображения), таблицы, списки и т.д.). Он должен быть единственным в документе и всегда должен располагаться внутри элемента <html>, сразу после элемента <head>.
Тег <body> часто используется для размещения обработчиков событий, например onload, который позволяет выполнить скрипт после того, как содержимое документа будет загружено.
Примечание: все атрибуты (vlink, text, link, bgcolor, background, alink), ранее используемые с элементом <body>, считаются устаревшими и запрещены к использованию в HTML5, поэтому для определения цвета заднего фона, цвета текста или ссылок, а так же для добавления фонового изображения и т.д. используйте CSS.
Элемент <body> является блочным и по умолчанию имеет небольшой внешний отступ со всех сторон, его высота определяется его содержимым. Чтобы растянуть его на всю высоту окна браузера, нужно указать высоту для него и для элемента <html> равную 100%:
Несмотря на то, что по умолчанию высота элемента <body> не охватывает всё окно браузера, если указать фон для него, он будет охватывать всю видимую область, однако если установить фон и для элемента <body> и для элемента <html>, то фон элемента <body> будет равняться его текущей высоте.
Тег <body>
Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body> . К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.
Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY . Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.
Часто тег <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.
Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.
Синтаксис
Атрибуты
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Открывающий и закрывающий теги не обязательны.
HTML5 IE Cr Op Sa Fx
Результат текущего примера показан на рис. 1. При использовании события onload тега <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.
3.2. Что означают теги HTML, HEAD, BODY?
Этот урок будет коротким, вы узнаете об этих тегах так подробно, что подробнее и нельзя, но в следующих уроках. Эти три тега основные, так как это каркас сайта. В теге <html> находятся все теги, и не один не должен быть за пределами его (хотя, кроме одного, о котором вы узнаете в следующем уроке), иначе поисковики не очень полюбят ваш сайт. Даже немного про SEO добавил. Далее тег <head> , в нем находятся такие важные теги как <title> , <meta> , <link> и <script> . Обо всех этих тегах вы узнаете в отдельных уроках, так же подробно. Далее на очереди тег <body> , в нем находится весь сайт. Далее будет пример страницы, но вначале хочу заметить, что <!—- комментарий —> , то есть между этими тегами записана информация, которая игнорируется браузером, чаще всего для себя.
Английские слова по теме
Не забываем учить английский, чтобы дальше было легче. Вам могут встретиться такие слова: Makeup (make up), layout – верстка; page – страница; developer – разработчик.