Создание сайтов на WebPagesDesign.ru (495) 508-5716.

Главная
Портфолио (сайты)
Изготовление сайтов
Продвижение сайта
Информация
   Техническая поддержка
   Прочие услуги
   Документация
   Cправочник html
   Cправочник css
   Cправочник php
Новости и события

тел.: (495) 508-5716
info@webpagesdesign.ru


Новые сайты



www.hutor-2.ru




www.patrisa-nail.ru


Изготовление сайта жилого комплекса "Кореневский хуторок 2"
подробнее

Все работы на одной странице
подробнее

Создание сайта для логистической компании Way Logistic.
подробнее

Сайт ЦСВМ "Штурман"
подробнее

Справочник html.

Тег <BODY>

вернуться

Описание

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

При использовании параметра onload тега <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. Цвет активной ссылки

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


Теги Документа

  • HTML является контейнером, который заключает в себе все содержимое веб-страницы, включая теги HEAD и BODY.
  • BODY предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера.
  • HEAD предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.
  • TITLE определяет заголовок документа, не является частью документа и не показывается напрямую на веб-странице. Обычно текст заголовка отображается в левом верхнем углу окна браузера.
  • META определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.
  • STYLE применяется для определения стилей элементов веб-страницы.
  • LINK устанавливает связь с внешним документом вроде файла со стилями или со шрифтами.

  • главная

    статьи
    контакты
    команда

    главная

    2003 - 2010 © Хамикулён | Изготовление сайтов
    тел.: (495) 508-5716
    e-mail: info@webpagesdesign.ru