www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Теги ШТМЛ > Тег BODY
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег BODY

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фохMozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

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

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

Открывающий и закрывающий теги <BODY> на web-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец ШТМЛ-объекта.

Синтаксис

<body> ... </body>

Параметры

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

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

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper 
  suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

 </body>
</html>

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

Рис. 1

Рис. 1. Всплывающее окно в файле

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

Параметр ALINK

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный, когда на ссылку нажимают курсором мыши или выделяют ее с помощью клавиатуры.

Синтаксис

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

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

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

Совпадает с цветом ссылки.

Аналог CSS (ЦСС)

BODY:active { color: цвет }

Пример 2. Цвет активной ссылки

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр alink</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body alink="red">

  <p>Обычный контент</p>
  <p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>

 </body>
</html>

Параметр BACKGROUND

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Определяет изображение, которое будет использоваться в качестве фонового рисунка. В отличие от обычных рисунков, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей с нашего сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и контентом web-страницы. В качестве фона допускается использовать анимированные Имаги в формате GIF, но они отвлекают внимание читателей.

Синтаксис

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

Аргументы

Любой допустимый адрес Имаги — можно использовать относительный или абсолютный путь.

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

Нет.

Аналог CSS (ЦСС)

BODY { background: url('путь к файлу') }

Пример 3. Установка фонового рисунка

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр background</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body background="/images/snow.gif">
  ...
 </body>
</html>

Параметр BGCOLOR

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

Зависит от браузера и его версии, но обычно используется белый цвет фона.

Аналог CSS (ЦСС)

BODY { background: цвет }

Пример 4. Фоновый цвет на web-странице

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр bgcolor</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body bgcolor="#A0BEC4">
  ...
 </body>
</html>

Параметр BGPROPERTIES

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

Существует только одно значение fixed, которое фиксирует фон. Если требуется, чтобы фон не фиксировался, удалите параметр bgproperties у тега <BODY> или установите у него пустое значение — "".

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

Нет.

Аналог CSS (ЦСС)

BODY { background-attachment: fixed | scroll }

Пример 5. Фиксация фона

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр bgproperties</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body background="/images/snow.gif" bgproperties="fixed">

  <table height="2000"><tr><td></td></tr></table>

 </body>
</html>

Параметр LEFTMARGIN

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Определяет отступ от левого края окна браузера до контента web-страницы.

Синтаксис

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

Аргументы

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

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

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

Аналог CSS (ЦСС)

BODY { margin: число }

Пример 6. Отступ левого края

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр leftmargin</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body leftmargin="0">
  <p>контент плотно прижимается к левому краю окна браузера</p>
 </body>
</html>

Примечание

Параметр LINK

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Устанавливает цвет непосещенных ссылок.

Синтаксис

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

Аргументы

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

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

#0000FF

Аналог CSS (ЦСС)

BODY:link { color: цвет }

Пример 7. Цвет ссылок

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр link</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body link="#003366">

  <p>Обычный контент</p>
  <p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>

 </body>
</html>

Параметр SCROLL

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Параметр scroll управляет присутствием полос прокрутки в окне браузера, когда содержание web-страницы превышает размер текущего окна. Этот параметр работает только в браузере Internet Эксплорер.

Синтаксис

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

Аргументы

yes — отображает полосы прокрутки. no — запрещает показ полос прокрутки в окне.

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

yes

Аналог CSS (ЦСС)

BODY { overflow: hidden }

Пример 8. Запрет полос прокрутки

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр scroll</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body scroll="no">

  <table height="2000"><tr><td></td></tr></table>

 </body>
</html>

Параметр TEXT

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

#000000

Аналог CSS (ЦСС)

BODY { color: цвет }

Пример 9. Цвет контента на web-странице

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр text</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body text="maroon">

  <p>Пример контента</p>

 </body>
</html>

Параметр VLINK

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Определяет цвет посещенных ссылок, т.е., таких ссылок, на которые пользователь уже «нажимал».

Синтаксис

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

Аргументы

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

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

#551a8b (Файер фох); #800080 (Internet Эксплорер и Опера).

Аналог CSS (ЦСС)

BODY:visited { color: цвет }

Пример 10. Цвет посещенных ссылок

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <title>Тег BODY, параметр vlink</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body vlink="#660066">

  <p>Обычный контент</p>
  <p><a href="zoo.ШТМЛ">Ссылка на файл</a></p>

 </body>
</html>

Copyright 2009 Все права засчищены, по всем вопросам пишите по адресу admin@www-html.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект