Элемент <BODY> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнераBODY. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.
Тег <BODY> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство параметров до сих пор поддерживается разными браузерами.
Часто тег <BODY> используется для размещения обработчика событий, например, onLoad, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.
Открывающий и закрывающий теги <BODY> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.
Синтаксис
<body>
…
</body>
Параметры
- alink
- Устанавливает цвет активной ссылки.
- background
- Задает фоновый рисунок на веб-странице.
- bgcolor
- Цвет фона веб-страницы.
- bgproperties
- Определяет, прокручивать фон совместно с текстом или нет.
- bottommargin
- Отступ от нижнего края окна браузера до контента.
- leftmargin
- Отступ по горизонтали от края окна браузера до контента.
- link
- Цвет ссылок на веб-странице.
- scroll
- Устанавливает, отображать полосы прокрутки или нет.
- text
- Цвет текста в документе.
- topmargin
- Отступ от верхнего края окна браузера до контента.
- vlink
- Цвет посещенных ссылок.
Закрывающий тег
Открывающий и закрывающий теги не обязательны.
Пример 1. Использование тега <BODY>
<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. При использовании параметра оnload тега <BODY> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.
Описание параметров тега <BODY>
Параметр ALINK
HTML: | 3.2 | 4 | XHTML: | 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. Цвет активной ссылки
<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 |
Описание
Определяет изображение, которое будет использоваться в качестве фонового рисунка. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и текстом веб-страницы. В качестве фона допускается использовать анимированные изображения в формате GIF, но они отвлекают внимание читателей.
Синтаксис
<body background=»URL»>…</body>
Аргументы
Любой допустимый адрес изображения — можно использовать относительный или абсолютный путь.
Значение по умолчанию
Нет.
Аналог CSS
BODY { background: url(‘путь к файлу’) }
Пример 3. Установка фонового рисунка
<html>
<head>
<title>Тег BODY, параметр background</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body background=»/images/bgred.gif»>
…
</body>
</html>
Параметр BGCOLOR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает цвет фона веб-страницы. Можно использовать этот параметр совместно с background, подобрав цвет фона близкий к фоновому рисунку
Синтаксис
<body bgcolor=цвет>…</body>
Аргументы
См. параметр ALINK.
Значение по умолчанию
Зависит от браузера и его версии, но обычно используется белый цвет фона.
Аналог CSS
BODY { background: цвет }
Пример 4. Фоновый цвет на веб-странице
<html>
<head>
<title>Тег BODY, параметр bgcolor</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body bgcolor=»#A0BEC4″>
…
</body>
</html>
Параметр BGPROPERTIES
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
По умолчанию фоновый рисунок прокручивается совместно с содержанием веб-страницы. Используя параметр bgproperties можно зафиксировать фон на одном месте и, таким образом, заставить прокручиваться только контент. Подобное качество веб-страницы редко применяется для сайтов, поэтому для пользователей может показаться странным и непривычным.
Синтаксис
<body bgproperties=»fixed»>…</body>
Аргументы
Существует только одно значение fixed, которое фиксирует фон. Если требуется, чтобы фон не фиксировался, удалите параметр bgproperties у тега <BODY> или установите у него пустое значение — «».
Значение по умолчанию
Нет.
Аналог CSS
BODY { background-attachment: fixed | scroll }
Пример 5. Фиксация фона
<html>
<head>
<title>Тег BODY, параметр bgproperties</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body background=»images/bbking.jpg» bgproperties=»fixed»>
…
</body>
</html>
Примечание
- Не все браузеры поддерживают этот параметр, например, Netscape (Firefox) игнорирует его напрочь.
- Замечено, что при установке фонового рисунка на веб-странице через стили, параметр bgproperies перестает работать.
Параметр LEFTMARGIN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Определяет отступ от левого и правого края окна браузера до контента веб-страницы.
Синтаксис
<body leftmargin=»число»>…</body>
Аргументы
Целое положительное число, которое устанавливает отступ в пикселах.
Значение по умолчанию
10 пикселов для Windows и 8 пикселов для Macintosh.
Аналог CSS
BODY { margin: число }
Пример 6. Отступ левого края
<html>
<head>
<title>Тег BODY, параметр leftmargin</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body leftmargin=»0″>
…
</body>
</html>
Примечание
- Браузер Netscape не понимает параметр leftmargin, для установки отступов в нем используются параметры marginwidth — отступы по горизонтали и marginheight — отступы по вертикали.
- Для задания отступов от правого, нижнего и верхнего края применяются, соответственно, параметры rightmargin, bottommargin иtopmargin.
Параметр LINK
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает цвет непосещенных ссылок.
Синтаксис
<body link=цвет>…</body>
Аргументы
См. параметр ALINK.
Значение по умолчанию
#0000FF
Аналог CSS
BODY:link { color: цвет }
Пример 7. Цвет ссылок
<html>
<head>
<title>Тег BODY, параметр link</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body link=»#003366″>
…
</body>
</html>
Параметр SCROLL
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Параметр scroll управляет присутствием полос прокрутки в окне браузера, когда содержание веб-страницы превышает размер текущего окна. Этот параметр работает только в браузере Internet Explorer.
Синтаксис
<body scroll=»yes | no»>…</body>
Аргументы
yes — отображает полосы прокрутки.
no — запрещает показ полос прокрутки в окне.
Значение по умолчанию
yes
Аналог CSS
BODY { overflow: hidden }
Пример 8. Запрет полос прокрутки
<html>
<head>
<title>Тег BODY, параметр scroll</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body scroll=»no»>
…
</body>
</html>
Параметр TEXT
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает цвет текста, используемого на веб-странице по умолчанию. Цвета отдельных элементов можно легко изменять с помощью стилей.
Синтаксис
<body text=»цвет»>…</body>
Аргументы
См. параметр ALINK.
Значение по умолчанию
#000000
Аналог CSS
BODY { color: цвет }
Пример 9. Цвет текста на веб-странице
<html>
<head>
<title>Тег BODY, параметр text</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body text=»maroon»>
…
</body>
</html>
Параметр VLINK
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Определяет цвет посещенных ссылок, т.е., таких ссылок, на которые пользователь уже «нажимал».
Синтаксис
<body vlink=»цвет»>…</body>
Аргументы
См. параметр ALINK.
Значение по умолчанию
#551a8b (Navigator 4); #800080 (Internet Explorer Windows); #006010 (Internet Explorer Macintosh).
Аналог CSS
BODY:visited { color: цвет }
Пример 10. Цвет посещенных ссылок
<html>
<head>
<title>Тег BODY, параметр vlink</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</head>
<body vlink=»#660066″>
…
</body>
</html>