Что такое body в html. Атрибуты тега BODY. Поэтому нам следует всегда задавать глобальные стили для html, правильно

Цвет текста

Цвет фона

Фоновое изображение

Цвет ссылок

Отступы вокруг контента

Упражнение

Как Вам уже известно, между открывающим тегом и закрывающим тегом помещается тело страницы или само содержимое страницы. Его еще называют словом контент (от англ. content - содержимое). Параметры тега определяют свойства контента в целом. В этом уроке мы и рассмотрим некоторые из них.

Цвет текста

Цвет текста всего документа определяется параметром text . Ему присваивается либо название цвета, либо шестнадцатеричное значение цвета, как и параметру color тега (см. Урок 2. Форматирование теста):

или

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

Параметр text не является обязательным. Если его опустить, то текст на странице по умолчанию будет черным. Вы, наверное, уже успели в этом убедиться, выполняя предыдущие упражнения. :)

Цвет фона

Цвет фона страницы определяется параметром bgcolor . Он принимает значениями либо название цвета, либо шестнадцатеричное значение цвета, как и параметр text .

или

В результате использования этого примера фон страницы будет красным.

Параметр bgcolor не является обязательным. Если его опустить, то фон страницы по умолчанию будет белым. В чем Вы тоже уже убедились, выполняя предыдущие упражнения. :)

Фоновое изображение

С помощью параметра background можно сделать, чтобы у странички был не однотонный фон, а фоном было бы изображение. Для этого параметру background надо присвоить путь к изображению, которое Вы хотите сделать фоновым, так же как параметру src тега (См. Урок 5. Изображения):

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

Например, ну нас есть вот такой фрагмент узора:

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

Параметр background также не является обязательным. Если его опустить, то фон страницы по умолчанию будет белым.

Цвет ссылок

Для задания цвета ссылок существуют 3 параметра тега body :

Этим параметрам присваивается название цвета или его шестнадцатеричное значение аналогично другим параметрам, отвечающим за цвет чего-либо.

Вот как это будет выглядеть на странице (чтобы увидеть все состояния ссылки, запомните, какой она была изначально, нажмите и, не отпуская, посмотрите, какой она стала, и, наконец, отпустите, вернитесь на эту страницу, и посмотрите, какого она цвета):

Эти параметры не обязательные. Если их опустить, то цвета ссылок примут значения по умолчанию (синий, красный, фиолетовый соответственно).

Отступы вокруг контента

Если Вы хотите, чтобы содержимое страницы отступало от краев окна браузера на некоторую величину, на этот случай у тега body есть 4 параметра:

leftmargin - отступ от левого края;

rightmargin - отступ от правого края;

topmargin - отступ от верхнего края;

bottommargin - отступ от нижнего края.

Эти параметры принимают значение в пикселах. Они не обязательные, и можно использавать как все сразу так и поотдельности. Например, можно сделать отступы только слева и справа, или только сверху и снизу и т.д.:

или

Описание

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

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

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

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

Синтаксис

...

Атрибуты

Устанавливает цвет активной ссылки. Задает фоновый рисунок на веб-странице. Цвет фона веб-страницы. Определяет, прокручивать фон совместно с текстом или нет. Отступ от нижнего края окна браузера до контента. Отступ по горизонтали от левого края окна браузера до контента. Цвет ссылок на веб-странице. Отступ от правого края окна браузера до контента. Устанавливает, отображать полосы прокрутки или нет. Цвет текста в документе. Отступ от верхнего края окна браузера до контента. Цвет посещенных ссылок.

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

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

HTML5 IE Cr Op Sa Fx

Тег BODY

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 можно писать атрибуты и других тегов (данное правило распространяется и на многие другие теги). Об этом я напишу в других материалах этого раздела. Главное экспериментируй и узнай всегда что-то новое.

Дата публикации: 15 мая, 2012

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

В се оказывают своё влияние на объекты, находящиеся между тегами и . Т. е. на все элементы 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.