Что такое закрывающийся тег body. Атрибуты тега BODY и их значения

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

HTML : 3.2 | 4 / XHTML : 1.0 | 1.1

Синтаксис

...

Атрибуты

Пример

...


...
тело документа.
...

• по спецификациям XHTML открывающий () и закрывающий () тег обязателен
• включает в себя всю содержательную часть веб-страницы
• может содержать

Описание

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

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

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

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

Синтаксис

Атрибуты

Закрывающий тег

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

HTML5 IE Cr Op Sa Fx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Результат текущего примера показан на рис. 1. При использовании события onload тега выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Рис. 1. Всплывающее окно в документе

Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое.

Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое. При открытии страницы браузер в первую очеред смотрит на данный тег и его атрибуты. Однако надо помнить, что тег BODY не используется для вставки в любое место страницы какого-нибудь видео, картинки или текста. Это все делается при помощи других тегов. Позже я рассматрю каскадные таблицы стилей (CSS) , с помощью которых также можно размещать или изменять различное содержимое html-страницы. Как я уже говорил, во многих учебниках расписывается все подряд, я же поступлю по другому. Я опишу лишь главное про тег BODY. Покажу основные атрибуты тега BODY, их особенность и пользу.

Какие же атрибуты тега BODY являеются главными?

bgcolor — цвет фона html-документа. Все браузеры по умолчанию заливают весь документ белым цветом (однако в некоторых можно завадать свой цвет по дефолту). Если вы решили сделать фон страницы серым, то необходимо писать следующее:

В языке HTML цвета можно представлять в разной форме. Можно написать цвет по английски либо шестнадцатеричным (hex) значением. Для удобоство можно использовать так называемую Web-палитру, в которой все красиво и понятно расписано, какой цвет и какой он пишется. Если вы будете использовать именно эти значения цветов, то можно не боятся, что цвет будет отображатся в различном браузере по разному. Все цвета Web-палитры можно найти в соответствующем подразделе Приложения. hex-значения работает по моделе RGB, т.е. первые две цифры это оттенок красного (Red), вторые две цифры — зеленоого (Green), а последние две цифры — синего (Blue). Кстате, если в Web-палитре нету нужного вам цвета, его можно узнать в чудесной программе ColorT Final.

И так, с цветами я все написал, теперь можно поговорить и об атрибутах тега BODY:

background — атрибут тега BODY, при помощи которого можно задать картинку фоном всей страницы. Например, есть картинка fon..gif. Для того, чтобы сделать эту картинку фоном html-документа, необходимо записать так:

Этот пример был для упорядоченного расположения файлов на вашем сайте, если файл лежит просто в корне сайта, то можно написать вот так:

Если fon.gif расположен в подкаталоге images каталога с относительно страницы, то можно написать так:

Советую вам для фона брать маленькое и простое изображение, потому что надо, чтобы оно мало весило, а так как оно заполняет всю страницу, создавало единый фон. . С рисунками я думаю все, идем дальше:

text — задает цвет текста вашей html-странички. Допустим, мы захотели сделать текст на странице красным:

Следующие атрибуты помогут нам настроить отображение ссылок на нашей страничке:

Например, вы решили сделать цвет ссылок, на которые еще не нажимали зеленым (#008000), а на которые уже нажали — синим (#0000FF), тогда мы записываем так:

У тега BODY достаточно много атрибутов, я остановился на главных для тебя. Если вы не задали цвета ссылок, то у браузеров есть стандартные по умолчанию цвета. Для закрепления материала давайте сделаем страницу с серым фоном, синим текстом, неиспользованные ссылки — желтые, а посещенные — зеленые. Вот что у нас получится в итоге:

Набрать данный html код можно в любом текстовом редакторе, ну и визуальном. Советую код набирать в ручную, чтобы закрепить знания. не забудь вставить какой нибудь текст между тегами и , потом сохрани этот файл под любым именем с расширением html. Полученный файл открываешь в любой удобном тебе браузере и наслаждайся работай:) .

Кроме личных атрибутов (т.е. атрибуты, которые используются только в этом теге) в теге BODY можно писать атрибуты и других тегов (данное правило распространяется и на многие другие теги). Об этом я напишу в других материалах этого раздела. Главное экспериментируй и узнай всегда что-то новое.

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

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

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

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

Синтаксис

...

Закрывающий тег

Не обязателен.

Атрибуты

Пример

Еще Аристотель в своей «Политике» говорил, что музыка, воздействуя на человека, доставляет «своего рода очищение, то есть облегчение, связанное с наслаждением».

Результат текущего примера показан на рис. 1. При использовании события onload элемента выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Рис. 1. Всплывающее окно в документе

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

Каждая спецификация проходит несколько стадий одобрения.

• Recommendation (Рекомендация ) - спецификация одобрена W3C и рекомендована как стандарт.
• Candidate Recommendation (Возможная рекомендация ) - группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
• Proposed Recommendation (Предлагаемая рекомендация ) - на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
• Working Draft (Рабочий проект ) - более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
• Editor"s draft (Редакторский черновик ) - черновая версия стандарта после внесения правок редакторами проекта.
• Draft (Черновик спецификации ) - первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living ) - он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Небывалая толщина этого отчёта
защищала его от опасности быть прочитанным.
Уинстон Черчилль.

В се оказывают своё влияние на объекты, находящиеся между тегами и . Т. е. на все элементы html-страницы. Это означает, что, по-умолчанию, браузер будет выводить html-страницу так, как это прописано или не прописано в теге BODY.

Е сли в каком-либо месте html-документа нужно отобразить текст, фон или другой элемент иначе, то это нужно прописывать в значениях атрибутов соответствующего тега. Т.е. значения тега BODY являются общими для всех элементов документа. И для изменения оформления какого-то одного достаточно указать это в его атрибутах.

Я пока не рассматриваю каскадные таблицы стилей (CSS), с помощью которых также можно задать отображение html-страницы. Кроме того, в этом разделе я не буду рассказывать об абсолютно всех атрибутах тега BODY. Я расскажу только об основных.

И так, наиболее часто используемые атрибуты тега BODY:

bgcolor - цвет фона html-страницы . По-умолчанию, заполняет фон сплошным цветом (в настройках по дефолту - белым) или в зависимости от настроек пользователя этого браузера. Допустим, если вам нужен html-документ с чёрным фоном, то нужно написать так:

bgcolor="black">

bgcolor="#000000">

Отзыв посетителя:

Добрый! Классный сайт у вас.правда я только про тег body прочитала. Надо будет попробовать замутить страничку)
Целый день читала про енто дело, а тут еду с работы и натыкаюсь на этот сайт. Очень доступно написано
Это я как истинный чайник говорю.
Спасибо что создали такое

З десь нужно коротко сказать о способах представления цвета в HTML. Цвета в HTML можно задать либо именем цвета из предопределенного списка, либо шестнадцатеричным (hex) значением выбранного цвета. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой . Использование цветов из этой палитры гарантирует их одинаковое воспроизведение всеми браузерами.

С писок цветов из Web-палитры ты найдёшь на странице . Там же ты найдёшь и шестнадцетиричные (hex) значения этих цветов (при использовании шестнадцетиричных (hex) значений перед числом нужно ставить символ # ). В hex-значении цвета используется модель RGB: первые две цифры задают яркость красной (Red), вторые две цифры - зелёной (Green), а последние две цифры - синей (Blue) составляющей цвета.

Д ля того, чтобы использовать цвета, не входящие в Web-палитру, нужно знать их hex-значение. Я для этого использую программу, которую можно взять с моего сайта: .

С представлением цвета в HTML разобрались, теперь продолжим разговор об атрибутах тега BODY.

background - позволяет задать в качестве фона html-страницы картинку . Допустим, есть картинка logo.jpg, расположенная по адресу http://www..jpg . Для того, чтобы сделать её фоном html-страницы нужно записать так:

background="http://www..jpg">

Е сли html-страница и картинка logo.jpg находятся в одном каталоге (папке), то можно записать так:

background="logo.jpg">

Е сли logo.jpg находится в подкаталоге images каталога с html-страницей (т.е. в папке images, которая находится в каталоге с html-страницей), то можно записать так:

background="images/logo.jpg">

О бычно в качестве фона используют небольшой и простой рисунок, так называемую текстуру, который многократно выводится на экран, заполняя всё окно. Поскольку размер такого изображения небольшой, то создание фона происходит очень быстро. Думаю с этим атрибутом всё понятно, перейдём к следующим.

text - устанавливает цвет текста html-документа. Например, сделаем текст зелёным:

text="#008000">

С ледующие атрибуты относятся к представлению вида ссылок на странице:

link - цвет ещё неиспользованной (непросмотренной) ссылки (по умолчанию синий).

vlink - цвет уже использованной (просмотренной) ссылки .

alink - цвет гиперссылок при наведении на них курсора мыши .

Д опустим, нам нужно, чтобы цвет ещё неиспользованных ссылок был красным (#FF0000), а уже нажатых - синим (#0000FF). Сделать это можно так:

link="#FF0000" vlink="#0000FF">

Д а, я думаю, ты уже заметил, что атрибут в теге (не только BODY, но и в любом другом) может быть как один, так и несколько сразу. А может и ни одного, в этом случае браузер будет использовать настройки по-умолчанию. В следующем примере мы создадим html-страницу с чёрным фоном, зелёным текстом, неиспользованные ссылки - красные, а посещённые - синие. Весь этот ужас можно создать так:

bgcolor="#000000" text="#008000" link="#FF0000" vlink="#0000FF">

Н абери этот html-код в любом или . Набирай весь код вручную. Между тегами и вставь текст , какой захочёшь, сохрани этот файл под любым именем (латинскими буквами или цифрами), но обязательно с расширением html (т. е., например, primer.html). А затем открой его в браузере и наслаждайся открывшейся тебе авангардистской картиной.

Примечание. Не забывай - я ставлю после скобки пробел для того, чтобы браузер выводил код HTML, как текст. В самом html-коде этого делать НЕ НАДО .

П омимо собственных атрибутов (атрибуты, которые используются только в этом теге) в теге BODY можно применять атрибуты и других тегов (их можно употреблять в разных тегах, они общие для них всех). О них ты узнаешь в следующих частях этого раздела. Пока же настоятельно рекомендую поэкспериментировать с полученными знаниями. Только на практике ты увидишь результаты этих знаний и поймёшь, как это работает. И только поняв и запомнив, как атрибуты тега BODY используются при создании html-страницы, переходи к следующей главе, в которой мы поговорим о форматировании текста в HTML.