Litra Library
Главная » Статьи » WEB » Тэги HTML
BODY
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается
HTML: 3.2 4 XHTML: 1.0 1.1

Описание тега BODY

Тег <BODY> определяет видимую часть документа. В этом контейнере <BODY> располагается вся содержательная часть документа (текст статьи, фотографии, формы и пр.).

Тег имеет ряд необязательных атрибутов и он используется для задания цветов у текста и ссылок на web-странице. Это в  HTML 4 не рекомендуется использовать, а рекомендуется задание цветов в CSS. Задание цветов в теге BODY еще поддерживается в разных браузерах, но эта практика должна "отжить".

В тег <BODY> могут быть указаны обработчики событий.

Синтаксис тега BODY

<body>
...
</body>

Параметры тега BODY

alink Цвет активной ссылки.
background Фоновое изображение для страницы.
bgcolor Задает фоновый цвет web-страницы.
bgproperties Задает, будет ли прокручиваться фон содержимым страницы
bottommargin Внешний отступ начиная с нижнего края окна страница до контента.
leftmargin Внешний отступ по горизонтали от края окна браузера до контента.
link Цвет ссылок на web-странице.
scroll Задает, отображать полосы прокрутки или нет.
text Цвет текста на странице.
topmargin Внешний отступ от верхней границы окна браузера до содержимого страницы.
vlink Цвет ссылок, которые пользователь посетил ранее.

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

Использование открывающего и закрывающего тега желательно, но не обязательно

Пример использования тега <BODY>

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Пример использования тега BODY</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body onLoad="alert('Документ загружен')">
<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p>
<p>Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в Женеве в стенах Европейского совета по ядерным исследованиям.</p>
</body>
</html>

Описание параметров тега BODY

Параметр ALINK

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Нежелательный атрибут.
Задает цвет активной ссылки гиперссылок при нажатии мышкой.

Синтаксис

<body alink="цвет">...</body>

Аргументы

Цвет задается следующими способами.

1. Используя названия цветов

Большинство браузеров поддерживают задание цветов по названию.

2. Используя шестнадцатеричное значение RBG

Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Три составляющие цветов RGB (red-красный, green-зеленый, blue-голубой) определяюся тремя парами этих цветов, которые принимают значения с 00 до FF. То есть, задание цвета задается тремя составляющими #rrggbb, где первая пара символов задают красную составляющую цвета, пара посередине - зеленую составляющую и последния пара - синюю.

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

Соответствует цвету ссылки.

Аналог в CSS

BODY:active { color: цвет }

Пример задания цвета для активной ссылки

Валидный код<!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="red">
Ссылка Ссылка Ссылка
</body>
</html>

Параметр BACKGROUND

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает фоновое изображение к странице.

Синтаксис

<body background="URL">...</body>

Аргументы

Адрес изображения с абсолютный или относительным путем.

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

Нет.

Аналог в CSS

BODY { background: url('путь к изображению') }

Пример задания фоновой картинки

Валидный код<!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="/images/sample.jpg">
...
</body>
</html>

Параметр BGCOLOR

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

<body bgcolor=цвет>...</body>

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

В зависимости от браузера и бывает даже от настроек цветов Windows, но как правило, это белый цвет фона.

Аналог в CSS

BODY { background: цвет }

Пример задания фонового изображения на web-странице

Валидный код<!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="#ffcc44">
...
</body>
</html>

Параметр BGPROPERTIES

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Фоновая картинка "по умолчанию" в браузерах прокручивается вместе с контентом web-страницы. Для того, что бы сделать фоновую картинку фиксированной и не прокручивающейся служит данный параметр.

Синтаксис

<body bgproperties="fixed">...</body>

Аргументы

При задании bgproperties как fixes фоновая как бы "прилипает" к документу и не прокручивается с содержимым страницы. Этот параметр поддерживает исключительно Internet Explorer

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

Нет.

Аналог в CSS

BODY { background-attachment: fixed | scroll }

Пример фиксированого отображения фоновой картинки

Валидный код<!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">
<style type="text/css">
body{
color:#fff; /* Цвет текста */
font:16px/150% Tahoma; /* Описание шрифта */
}
</style>
</head>
<body background="/images/bg/bg1.jpg" bgproperties="fixed">
<br>
М.Ю.Лермонтов. Мцыри (отрывок)<br>
<br>
Немного лет тому назад,<br>
Там, где, сливаяся, шумят,<br>
Обнявшись, будто две сестры,<br>
Струи Арагвы и Куры,<br>
Был монастырь. Из-за горы<br>
И нынче видит пешеход<br>
Столбы обрушенных ворот,<br>
И башни, и церковный свод;<br>
Но не курится уж под ним<br>
Кадильниц благовонный дым,<br>
Не слышно пенье в поздний час<br>
Молящих иноков за нас.<br>
Теперь один старик седой,<br>
Развалин страж полуживой,<br>
Людьми и смертию забыт,<br>
Сметает пыль с могильных плит,<br>
Которых надпись говорит<br>
О славе прошлой - и о том,<br>
Как, удручен своим венцом,<br>
Такой-то царь, в такой-то год,<br>
Вручал России свой народ.<br>
<br>
---<br>
<br>
И божья благодать сошла<br>
На Грузию! Она цвела<br>
С тех пор в тени своих садов,<br>
Не опасаяся врагов,<br>
3а гранью дружеских штыков.<br>
</body>
</html>

Параметр LEFTMARGIN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает отступ от левой и правой границы окна браузера до содержимого страницы web-страницы. Браузер Netscape не поддерживает параметр leftmargin, для установки отступов в этом браузере нужно использовать параметры marginwidth - для отступа по горизонтали и marginheight - для отступы по вертикали. Соответственно для установки отступов от правой, нижней и верхней границы используются , параметры rightmargin, bottommargin и topmargin.

Синтаксис

<body leftmargin="число">...</body>

Аргументы

Целое положительное число, которое задает отступ в пикселах.

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

Для Windows 10 пикселов, для Macintosh – 8.

Аналог в CSS

BODY { margin: число }

Пример задания отступа от левого края

Невалидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример тега BODY, параметр leftmargin</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body leftmargin="30">
<table border="2" width="100%" height="100%">
<tr>
<td>
тест тест тест
</td>
</tr>
</table>

</body>
</html>

Параметр LINK

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает цвет непосещенных ссылок.

Синтаксис

<body link=цвет>...</body>

Аргументы

См. параметр ALINK.

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

#0000FF

Аналог в CSS

BODY:link { color: цвет }

Пример задания цвета ссылок

Валидный код<!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="#dd0000">
Ссылка Ссылка Ссылка
</body>
</html>

Параметр SCROLL

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Параметр SCROLL используется только Internet Explorer. Данный параметр задает будут ли полосы прокрутки отображаться на web-странице или нет, если размер контента страницы занимает больше размера страницы.

Синтаксис

<body scroll="yes | no">...</body>

Аргументы

yes - отображение полос прокрутки.
no - запрет отображения полос прокрутки на странице.

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

yes

Аналог в CSS

BODY { overflow: hidden }

Пример запрета полосы прокрутки

Валидный код<!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">
М.Ю.Лермонтов. Мцыри (отрывок)<br>
<br>
Немного лет тому назад,<br>
Там, где, сливаяся, шумят,<br>
Обнявшись, будто две сестры,<br>
Струи Арагвы и Куры,<br>
Был монастырь. Из-за горы<br>
И нынче видит пешеход<br>
Столбы обрушенных ворот,<br>
И башни, и церковный свод;<br>
Но не курится уж под ним<br>
Кадильниц благовонный дым,<br>
Не слышно пенье в поздний час<br>
Молящих иноков за нас.<br>
Теперь один старик седой,<br>
Развалин страж полуживой,<br>
Людьми и смертию забыт,<br>
Сметает пыль с могильных плит,<br>
Которых надпись говорит<br>
О славе прошлой - и о том,<br>
Как, удручен своим венцом,<br>
Такой-то царь, в такой-то год,<br>
Вручал России свой народ.<br>
<br>
---<br>
<br>
И божья благодать сошла<br>
На Грузию! Она цвела<br>
С тех пор в тени своих садов,<br>
Не опасаяся врагов,<br>
3а гранью дружеских штыков.<br>
</body>
</html>

Параметр TEXT

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает цвет текста, используемого на web-странице по умолчанию.

Синтаксис

<body text="цвет">...</body>

Аргументы

См. параметр ALINK.

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

black

Аналог в CSS

BODY { color: цвет }

Пример задания цвета текста на web-странице

Валидный код<!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="red">
Ласкай и кота, коли не родила дитя.
</body>
</html>

Параметр VLINK

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает цвет посещенных пользователем ссылок.

Синтаксис

<body vlink="цвет">...</body>

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

#551a8b (Navigator 4);
#800080 (Internet Explorer Windows);
#006010 (Internet Explorer Macintosh).

Аналог в CSS

BODY:visited { color: цвет }

Категория: Тэги HTML | Добавил: expert1 (31.01.2013)
Просмотров: 466 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^