Веб Навсегда.инфо → HTML-теги → BODY
портал
MAINаяО PORTалеNEWости
справочники
HTML-теги!DOCTYPEAABBRACRONYMADDRESSAREABBASEBASEFONTBDOBGSOUNDBIGBLOCKQUOTEBODYBRBUTTONCAPTIONCENTERCITECODECOLCOLGROUPDDDELDFNDIVDLDTEMEMBEDFIELDSETFONTFORMFRAMEFRAMESETH1..H6HEADHRHTMLIIFRAMEIMGINPUTCSS-стили
статьи
PROграммированиеWEB-дизайнPHOTOшопHTML и CSS версткаINFOрмация на сайтеРабота с SOFTинамиON-LINE FLASH игры
KONтакты

Реклама
!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

BODY

Описание элемента

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

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

У тега BODY есть много атрибутов, однако ввиду последних тенденций настоятельно рекомендуется описывать их в CSS стилях, а не внутри тега.

Синтаксис

<body {alink | background | bgcolor | bgproperties | bottommargin | leftmargin | link | rightmargin | scroll | text | topmargin }={ "цвет" | "URL" | "цвет" | "fixed" | "число" | "число" | "цвет" | "число" | ("yes" | "no") | "цвет" | "число" } >
Содержание HTML документа
</body>

У этого тега все атрибуты необязательные. Всё можно определить в CSS стилях.

Возможные параметры

alink - Задаёт цвет активной ссылки

background - Устанавливает фоновый рисунок

bgcolor - Задаёт цвет фона страницы.

bgproperties - Устанавливает прокручивание фона вместе с текстом.

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

leftmargin - Задаёт отступ от левого края окна до содержания.

link - Устанавливает цвет ссылок.

rightmargin - Задаёт отступ от правого края окна до содержания.

scroll - Устанавливает отображений полос прокрутки.

text - Задаёт цвет текста на странице.

topmargin - Задаёт отступ от верхнего края окна до содержания.

vlink - Добавляет всплывающую подсказку к ссылке.

Параметр ALINK

Задаёт цвет активной ссылке. Активная ссылка - это ссылка выделенная с помощью клавиатуры или нажатая при помощи мыши. См. Пример №1.

Возможные аргументы:
Цвет текста по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространённый и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

Значение по умолчанию:
Такой же цвет, как и у ссылки.

Параметр BACKGROUND

Задаёт фоновое изображение, используемое для всего фона сайта. Рекомендуется использовать однородный фон или такой, у которого не видно перепада в случае стыка. В частности фоновый рисунок нельзя растягивать и если он не помещается на экране, то будет размножен. Поэтому предварительно проверьте сайт с разными в том числе и большими разрешениями экрана. Так же допускается использование анимированных изображений. См. Пример №2.

Возможные аргументы:
Относительный или абсолютный путь к файлу с рисунком.

Значение по умолчанию:
Нет.

Параметр BGCOLOR

Задаёт цвет фона HTML документа. Возможно использовать как отдельно от параметра background, так и вместе с ним. (например, если фоновое изображение большого размера и может загрузится не сразу) См. Пример №3.

Возможные аргументы:
Цвет текста по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространённый и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

Значение по умолчанию:
Черный цвет.

Параметр BGPROPERTIES

По умолчанию рисунок заданный параметром background прокручивается вместе с контентом страницы. Однако его можно зафиксировать, т.е. убрать прокрутку, с помощью этого параметра. См. Пример №4.
Например так сделано на нашем сайте (правда через CSS стили). 

ВНИМАНИЕ:
Однако в некоторых браузерах этот параметр игнорируется. К тому же если сам фоновый рисунок указан в CSS стилях, а этот параметр у тега, то он не работает. Поэтому настоятельно рекомендую ещё раз все параметры тега BODY указывать через CSS стили.

Возможные аргументы:
Имеется только одно возможное значение: fixed, которое как раз и делает фоновый рисунок статичным. Для стандартного эффекта просто удалите этот параметр или или присвойте ему пустое значение.

Значение по умолчанию:
Нет.

Параметр BOTTOMMARGIN

Задаёт отступ от нижнего края. Мы не будем рассматривать аналогичные этому параметры leftmargin, rightmargin и topmargin, т.к. они все идентичны и указывают отступ с левого, правого и верхнего краёв соответственно. Подробнее об этих параметрах см. Пример №5.

ВНИМАНИЕ:
Этот параметр так же может не очень хорошо работать в некоторых браузерах.

Возможные аргументы:
Целое положительное число. Отступ считается в пикселях.

Значение по умолчанию:
10 пикселей

Параметр LINK

Устанавливает цвет ссылок HTML документа. См. Пример №6.

Возможные аргументы:
Цвет текста по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространённый и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

Значение по умолчанию:
#0000FF

Параметр SCROLL

Устанавливает, показывать ли полосы прокрутки в окне браузера, в случае если длина или ширина контента превосходит длину или ширину окна. См. Пример №7.

ВНИМАНИЕ:
Этот параметр работает только в Internet Explorer.

Возможные аргументы:
Два возможных значения.
yes - разрешает показывать полосы прокрутки на странице.
no - полосы прокрутки отсутствуют.

Значение по умолчанию:
yes

Параметр TEXT

Устанавливает цвет текста по умолчанию в HTML документе. См. Пример №8.

Возможные аргументы:
Цвет текста по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространённый и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

Значение по умолчанию:
#000000

Параметр VLINK

Устанавливает цвет посещённых ссылок (т.е. тех, которые уже были нажаты) на странице. См. Пример №9.

Возможные аргументы:
Цвет текста по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространённый и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

Значение по умолчанию:
#800080

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

Пример № 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр ALINK</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body alink="green">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
<a href="http://webforever.info/">Веб навсегда.инфо - портал для тех, кто с веб-технологиями навсегда!</a><br>
И если на эту ссылку, нажать правой кнопкой мыши или же нажать на неё, то она станет зелёной.
</p>

</body>

</html>

Пример № 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр BACKGROUND</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body background="/img/fon.gif">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
И у этого документа будет фон "fon.gif" из папки img, находящейся в корневой директории сайта.
</p>

</body>

</html>

Пример № 3

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр BGCOLOR</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body bgcolor="#5577ff">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
И у этого документа будет фон голубоватого цвета "#5577ff".
</p>

</body>

</html>

Пример № 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр BGPROPERTIES</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body background="/img/fon.gif" bgproperties="fixed">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
И у этого документа будет фон "fon.gif" из папки img, находящейся в корневой директории сайта, который не будет прокручиваться вместе с содержанием страницы.
</p>

</body>

</html>

Пример № 5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметры BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN, TOPMARGIN</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body bottommargin="0" leftmargin="15" rightmargin="30" topmargin="5">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
Содержание этого документа будет полностью прижато к нижней границе окна браузера, на 15 пикселей отходить слева, на 30 справа и на 5 сверху.
</p>

</body>

</html>

Пример № 6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр LINK</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body link="red">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
<a href="http://webforever.info/">Веб навсегда.инфо - портал для тех, кто с веб-технологиями навсегда!</a><br>
И если вы не разу не переходили по этой ссылке, то она будет отображаться красным цветом.
</p>

</body>

</html>

Пример № 7

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр SCROLL</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body scroll="no">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
Теперь в браузере Internet Explorer, если вдруг содержимое страницы будет не помещаться на экране, то области прокрутки показываться не будут.
</p>

</body>

</html>

Пример № 8

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр TEXT</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body text="#99aa33">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
И весь текст в этом HTML документе будет иметь темно-золотой цвет.
</p>

</body>

</html>

Пример № 9

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр VLINK</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body vlink="#ff00ff">

<p>И вот в теле документа, в контейнере BODY, может уже располагаться само содержание HTML документа... включая картинки, текст, скрипты, flash и многое другое.</p>
<p>
<a href="http://webforever.info/">Веб навсегда.инфо - портал для тех, кто с веб-технологиями навсегда!</a><br>
И если вы уже переходили по этой ссылке, то она будет отображаться ярко розовым цветом.
</p>

</body>

</html>
↑ ВВЕРХ ↑
↑ ВВЕРХ ↑
WMDILER.com - Биржа Акций Интернет Проектов
    Рейтинг@Mail.ru  
При использовании материалов сайта, ссылка на WebForever.info обязательна!