Тег <BODY>, а вместе с ним и элемент <BODY>, используется для размещения внутри него содержания веб-страниц (контента), которое и отображается в окне браузера. Всю информацию, выводимую в документе, располагают только внутри контейнера BODY. К онной информации относится: теги, текст, изображения, скрипты JavaScript и т.п.
Тег <BODY> также можно использовать для определения цветов текста и ссылок на веб-странице, хотя эта методика в практике HTML не приветствуется. Для подобных целей рекомендуется использовать стили, определяя их к селектору BODY. НО пока, большинство параметров изменения цветов через тег <BODY> поддерживается разными браузерами.
Иногда тег <BODY> используется для размещения обработчика событий, например, onLoad, которое выполняется после завершения загрузки документа в окне браузера.
Параметры тега <BODY>
- text — определяет цвет текста в документе.
- bgcolor — определяет цвет фона веб-документа.
- background — назначает фоновый рисунок на веб-странице.
- link — отвечает за цвет ссылок на веб-странице.
- alink — устанавливает цвета активных ссылок.
- vlink — устанавливает цвет посещённых ссылок.
- topmargin — ответственен за размер отступа от верхнего края окна браузера до контента.
- bottommargin — определяет отступ от нижнего края окна браузера до контента.
- leftmargin — устанавливает отступ по горизонтали от левого края окна браузера до контента.
- scroll — определяет, отображать полосы прокрутки или нет.
- bgproperties — показывает, прокручивать ли фон вместе с текстом или нет.
Рассмотрим применение параметров тега <BODY> на примерах, помешённых в шаблон.
Пример 1
<body text="blue" leftmargin="50px">
<p>Текст имеет синий цвет и отстаёт то левого края окна браузера на 50px</p>
</body>
Результаты видим на рисунке:
По тому же принципу используются параметры topmargin и bottommargin.
Пример 2
<body bgcolor="#18CAE7" bgproperties="fixed">
<table height="1000"><tr><td>Текст перемещается на неподвижном голубом фоне</td></tr></table>
При использовании параметра background вместо цвета подставляют адрес фонового изображения: <body background="/images/S_1.gif"
Параметр scroll используется только для браузера Internet Explorer.
Теперь рассмотрим отображение ссылок:
<body link="#003366" alink="red" vlink="#blue">
<p><a href="http://www.ram.ru/">обычная сылка на документ</a></p>
<p><a href="http://www.rambler.ru/">активная ссылка на документ</a></p>
<p><a href="http://www.yandex.ru/">посещённая ссылка на документ</a></p>
</body>
Пример видно на рисунке:
Также в теге <DODY> можно использовать элементы написанные на языке JavaScript.Вот один пример:
<body onLoad="alert('элементы написанные на языке JavaScript')">
</body>
Рисунок отображает полученное: