Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Тег BODY

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Элемент <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>

Валидный код<!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

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. Цвет активной ссылки

Валидный код<!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

Описание

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

Синтаксис

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

Аргументы

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

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

Нет.

Аналог CSS

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

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

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

Параметр BGCOLOR

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

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

Аналог CSS

BODY { background: цвет }

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

Валидный код<!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="#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. Фиксация фона

Валидный код<!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="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. Отступ левого края

Невалидный код<!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="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. Цвет ссылок

Валидный код<!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="#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. Запрет полос прокрутки

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

Параметр TEXT

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

#000000

Аналог CSS

BODY { color: цвет }

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

Валидный код<!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="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. Цвет посещенных ссылок

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




На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!