Тег BODY

тег bodyТег <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>
Результаты видим на рисунке:
teg_body
По тому же принципу используются параметры topmargin и bottommargin.
Пример 2
<body bgcolor="#18CAE7" bgproperties="fixed">
<table height="1000"><tr><td>Текст перемещается на неподвижном голубом фоне</td></tr></table>
teg body
При использовании параметра 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>
Рисунок отображает полученное:

использование JavaScript

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha