Описание тега BODYТег <BODY> определяет видимую часть документа. В этом контейнере <BODY> располагается вся содержательная часть документа (текст статьи, фотографии, формы и пр.). Тег имеет ряд необязательных атрибутов и он используется для задания цветов у текста и ссылок на web-странице. Это в HTML 4 не рекомендуется использовать, а рекомендуется задание цветов в CSS. Задание цветов в теге BODY еще поддерживается в разных браузерах, но эта практика должна "отжить". В тег <BODY> могут быть указаны обработчики событий. Синтаксис тега BODY<body>
... </body> Параметры тега BODY
Закрывающий тегИспользование открывающего и закрывающего тега желательно, но не обязательно Пример использования тега <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>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p> <p>Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в Женеве в стенах Европейского совета по ядерным исследованиям.</p> </body> </html> Описание параметров тега BODYПараметр ALINK
ОписаниеНежелательный атрибут. Синтаксис<body alink="цвет">...</body>
АргументыЦвет задается следующими способами. 1. Используя названия цветовБольшинство браузеров поддерживают задание цветов по названию. 2. Используя шестнадцатеричное значение RBGДля получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Три составляющие цветов RGB (red-красный, green-зеленый, blue-голубой) определяюся тремя парами этих цветов, которые принимают значения с 00 до FF. То есть, задание цвета задается тремя составляющими #rrggbb, где первая пара символов задают красную составляющую цвета, пара посередине - зеленую составляющую и последния пара - синюю. Значение по умолчаниюСоответствует цвету ссылки. Аналог в CSSBODY:active { color: цвет } Пример задания цвета для активной ссылки <!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
ОписаниеЗадает фоновое изображение к странице. Синтаксис<body background="URL">...</body>
АргументыАдрес изображения с абсолютный или относительным путем. Значение по умолчаниюНет. Аналог в CSSBODY { background: url('путь к изображению') } Пример задания фоновой картинки <!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/sample.jpg"> ... </body> </html> Параметр BGCOLOR
ОписаниеЗадает цвет фона web-страницы. Задать данный параметр можно вместе с background, задав фоновый цвет близко подходящий к фоновому изображениму. Синтаксис<body bgcolor=цвет>...</body>
Значение по умолчаниюВ зависимости от браузера и бывает даже от настроек цветов Windows, но как правило, это белый цвет фона. Аналог в CSSBODY { background: цвет } Пример задания фонового изображения на web-странице <!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="#ffcc44"> ... </body> </html> Параметр BGPROPERTIES
ОписаниеПараметр BGPROPERTIES задает, будет ли прокручиваться фон содержимым страницы Фоновая картинка "по умолчанию" в браузерах прокручивается вместе с контентом web-страницы. Для того, что бы сделать фоновую картинку фиксированной и не прокручивающейся служит данный параметр. Синтаксис<body bgproperties="fixed">...</body>
АргументыПри задании bgproperties как fixes фоновая как бы "прилипает" к документу и не прокручивается с содержимым страницы. Этот параметр поддерживает исключительно Internet Explorer Значение по умолчаниюНет. Аналог в CSSBODY { background-attachment: fixed | scroll } Пример фиксированого отображения фоновой картинки <!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"> <style type="text/css"> body{ color:#fff; /* Цвет текста */ font:16px/150% Tahoma; /* Описание шрифта */ } </style> </head> <body background="/images/bg/bg1.jpg" bgproperties="fixed"> <br> М.Ю.Лермонтов. Мцыри (отрывок)<br> <br> Немного лет тому назад,<br> Там, где, сливаяся, шумят,<br> Обнявшись, будто две сестры,<br> Струи Арагвы и Куры,<br> Был монастырь. Из-за горы<br> И нынче видит пешеход<br> Столбы обрушенных ворот,<br> И башни, и церковный свод;<br> Но не курится уж под ним<br> Кадильниц благовонный дым,<br> Не слышно пенье в поздний час<br> Молящих иноков за нас.<br> Теперь один старик седой,<br> Развалин страж полуживой,<br> Людьми и смертию забыт,<br> Сметает пыль с могильных плит,<br> Которых надпись говорит<br> О славе прошлой - и о том,<br> Как, удручен своим венцом,<br> Такой-то царь, в такой-то год,<br> Вручал России свой народ.<br> <br> ---<br> <br> И божья благодать сошла<br> На Грузию! Она цвела<br> С тех пор в тени своих садов,<br> Не опасаяся врагов,<br> 3а гранью дружеских штыков.<br> </body> </html> Параметр LEFTMARGIN
ОписаниеЗадает отступ от левой и правой границы окна браузера до содержимого страницы web-страницы. Браузер Netscape не поддерживает параметр leftmargin, для установки отступов в этом браузере нужно использовать параметры marginwidth - для отступа по горизонтали и marginheight - для отступы по вертикали. Соответственно для установки отступов от правой, нижней и верхней границы используются , параметры rightmargin, bottommargin и topmargin. Синтаксис<body leftmargin="число">...</body>
АргументыЦелое положительное число, которое задает отступ в пикселах. Значение по умолчаниюДля Windows 10 пикселов, для Macintosh – 8. Аналог в CSSBODY { margin: число } Пример задания отступа от левого края <!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="30"> <table border="2" width="100%" height="100%"> <tr> <td> тест тест тест </td> </tr> </table> </body> </html> Параметр LINK
ОписаниеЗадает цвет непосещенных ссылок. Синтаксис<body link=цвет>...</body>
АргументыСм. параметр ALINK. Значение по умолчанию#0000FF Аналог в CSSBODY:link { color: цвет } Пример задания цвета ссылок <!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="#dd0000"> Ссылка Ссылка Ссылка </body> </html> Параметр SCROLL
ОписаниеПараметр SCROLL используется только Internet Explorer. Данный параметр задает будут ли полосы прокрутки отображаться на web-странице или нет, если размер контента страницы занимает больше размера страницы. Синтаксис<body scroll="yes | no">...</body>
Аргументыyes - отображение полос прокрутки. Значение по умолчаниюyes Аналог в CSSBODY { overflow: hidden } Пример запрета полосы прокрутки <!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"> М.Ю.Лермонтов. Мцыри (отрывок)<br> <br> Немного лет тому назад,<br> Там, где, сливаяся, шумят,<br> Обнявшись, будто две сестры,<br> Струи Арагвы и Куры,<br> Был монастырь. Из-за горы<br> И нынче видит пешеход<br> Столбы обрушенных ворот,<br> И башни, и церковный свод;<br> Но не курится уж под ним<br> Кадильниц благовонный дым,<br> Не слышно пенье в поздний час<br> Молящих иноков за нас.<br> Теперь один старик седой,<br> Развалин страж полуживой,<br> Людьми и смертию забыт,<br> Сметает пыль с могильных плит,<br> Которых надпись говорит<br> О славе прошлой - и о том,<br> Как, удручен своим венцом,<br> Такой-то царь, в такой-то год,<br> Вручал России свой народ.<br> <br> ---<br> <br> И божья благодать сошла<br> На Грузию! Она цвела<br> С тех пор в тени своих садов,<br> Не опасаяся врагов,<br> 3а гранью дружеских штыков.<br> </body> </html> Параметр TEXT
ОписаниеЗадает цвет текста, используемого на web-странице по умолчанию. Синтаксис<body text="цвет">...</body>
АргументыСм. параметр ALINK. Значение по умолчаниюblack Аналог в CSSBODY { color: цвет } Пример задания цвета текста на web-странице <!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="red"> Ласкай и кота, коли не родила дитя. </body> </html> Параметр VLINK
ОписаниеЗадает цвет посещенных пользователем ссылок. Синтаксис<body vlink="цвет">...</body>
Значение по умолчанию#551a8b (Navigator 4); Аналог в CSSBODY:visited { color: цвет } | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 466
| Теги: |
Всего комментариев: 0 | |