Какой атрибут тега body позволяет задать цвет фона страницы — kak.feedjc.org
Разница между <html> и <body> очевидна. Это, пожалуй, одна из тех вещей, которые попадают в категорию тривиальных. Тем не менее, у меня есть плохая привычка применять глобальные стили к <body>, а если что-то не работает, переносить в <html>, не задумываясь.
Тем не менее, и новичкам и ветеранам неплохо понимать различия между этими элементами. В этой статье мы поговорим о них, а также рассмотрим некоторые примеры, когда имеет смысл применение стилей к тому или иному элементу.
Содержание статьи:
Как связаны html и body
Рассмотрим стандартную структуру для базового HTML документа:
<!DOCTYPE html> <html lang="en"> <head> <!-- Metadata and such --> </head> <body> <!-- Where the content begins --> <body> </html> Спецификация определяет <html> как корневой элемент документа, и мы ясно видим, что в приведенном примере <html> является элементом самого верхнего уровня. Здесь нет уровней, откуда могли бы быть унаследованы стили.
Непосредственно в <html> находятся только два элемента: <head> и <body>. На самом деле, спецификация определяет <body> прямо противоположно <head>, поскольку это два элемента, которые необходимо различать.
Итак, суть в том, что <html> является корневым элементом документа, а <body> является потомком, содержащимся в нем. Cелектор :root в CSS и html определяют одно и то же:
:root { } html { } Единственное отличие в том, что :root имеет большую специфичность: (0, 0, 1, 0) против (0, 0, 0, 1).
Таким образом, мы всегда должны применять глобальные стили к <html>, не так ли?
Это наталкивает на мысль, что все стили, которые должны быть унаследованы всеми элементами, необходимо применять к <html>, поскольку это корневой элемент в документе. Элемент <html> идет выше <body> в иерархии, поэтому должен содержать все глобальные стили.
Но это не совсем так. На самом деле, ряд атрибутов в спецификации изначально был связан с элементом <body>:
- background
- bgcolor
- marginbottom
- marginleft
- marginright
- margintop
- text
Поскольку эти атрибуты в настоящее время считаются устаревшими, рекомендуется вместо них использовать соответствующие CSS свойства:
| Атрибут | CSS свойство |
|---|---|
| background | background |
| bgcolor | background background-color |
| marginbottom | margin-bottom |
| marginleft | margin-left |
| marginright | margin-right |
| margintop | margin-top |
| text | font |
Учитывая, что эти свойства CSS возникли из встроенных атрибутов, которые были связаны с <body>, представляется целесообразным применять их непосредственно к <body> в CSS, а не к элементу <html>.
Таким образом, мы всегда должны применять глобальные стили к <body>, не так ли?
Ну, не совсем. Все-таки есть ситуации, где имеет смысл применить стили к <html>. Давайте рассмотрим пару таких сценариев.
Работа с единицами измерения rem
Единица измерения rem связана с корнем документа. Например, если написать что-то вроде этого:
.module { width: 40rem; } Единица измерения rem рассчитывается относительно font-size элемента <html>, который является корнем документа. Таким образом, класс .module будет масштабироваться относительно корневого уровня.
Классический пост Джонатана Снука прекрасно иллюстрирует, как задать font-size элемента <html> в процентах для работы с rem.
Хитрый background-color
Существует одна странная вещь в CSS, если задать background-color элементу <body>, он заливает весь вьюпорт, даже если элемент не занимает все пространство. Если при этом задать background-color для <html>, этого не происходит.
Подводя итог
Надеюсь, эта статья проливает некоторый свет на ключевые различия между использованием <html> и <body> в CSS. Есть также различия в JavaScript. Например, получить элемент <html> можно с помощью document.rootElement, а <body> с помощью document.body.
Мы могли бы, конечно, более детально рассмотреть технические различия между ними, но цель в данном случае, углубить понимание, чтобы принимать более обоснованные решения при написании CSS.
Есть ли у вас другие примеры, где это имеет смысл задавать стили именно для <html> или для <body>?
Source: getinstance.info
Читайте также
Использование фона у тега body
В этом уроке мы будем разбираться с тегом body, а точнее с его свойствами, которые позволяют задать тегу фоновый цвет. Иногда это работает совсем не так, как вы можете того ожидать. Сегодня вы узнаете почему это происходит именно так, и как это исправить.
Допустим, вам нужно, чтобы у вашего веб-сайта был красный фон. И вы воспользуетесь следующим кодом CSS:
body {
background: red;
}И получите такой результат:
После работы над кодом CSS, не связанным с цветом тега body, Вы заметите неожиданные изменения:
Что же случилось? Почему красный цвет так обрезан? Ведь он задан как цвет фона для тега body.
То, что в некоторых ситуациях цвет фона тега body заливает собой весь фон веб-сайта, — просто странность кода CSS. По-настоящему высота тега body меньше высоты окна браузера. Тег body по высоте равен своему содержимому так же, как блок и другие элементы.
Посмотрите:
Если у тега html не задан фон, фон тега body закроет всю страницу. Но если у тега html фон задан, фон тега body будет вести себя так же, как и любой другой элемент.
Получается, в этой ситуации в какой-то момент тегу html был задан белый цвет фона.
Возможно, вы используете какую-то таблицу стилей для сброса кода CSS, в которой прописывается белый цвет для тега html, чтобы для этой цели не использовалась системная цветовая схема в таких браузерах, как Firefox, Internet Explorer и Opera, например такую, как normalize.css 2.1.1. Вероятно, из-за широкого распространения подобных проблем этот подход уже не используется в большинстве современных версий таблиц стилей для сброса кода CSS.
Чтобы решить эту проблему, просто удалите фон у тега html или перенесите тот цвет, который должен заливать весь фон, тегу html, так как его поведение всегда одинаковое — его цвет фона зальет собой все свободное пространство.
Автор урока Chris Coyier
Перевод — Дежурка
Смотрите также:
Атрибуты тега BODY. Значение тега BODY.
Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое.
Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое. При открытии страницы браузер в первую очеред смотрит на данный тег и его атрибуты. Однако надо помнить, что тег BODY не используется для вставки в любое место страницы какого-нибудь видео, картинки или текста. Это все делается при помощи других тегов. Позже я рассматрю
Какие же атрибуты тега BODY являеются главными?
bgcolor — цвет фона html-документа. Все браузеры по умолчанию заливают весь документ белым цветом (однако в некоторых можно завадать свой цвет по дефолту). Если вы решили сделать фон страницы серым, то необходимо писать следующее:
<BODY bgcolor="dimgray"></BODY>
или так:
<BODY bgcolor="#696969"></BODY>
В языке HTML цвета можно представлять в разной форме. Можно написать цвет по английски либо шестнадцатеричным (hex) значением. Для удобоство можно использовать так называемую Web-палитру, в которой все красиво и понятно расписано, какой цвет и какой он пишется. Если вы будете использовать именно эти значения цветов, то можно не боятся, что цвет будет отображатся в различном браузере по разному. Все цвета Web-палитры можно найти в соответствующем подразделе Приложения. hex-значения работает по моделе RGB, т.е. первые две цифры это оттенок красного (Red), вторые две цифры — зеленоого (Green), а последние две цифры — синего (Blue). Кстате, если в Web-палитре нету нужного вам цвета, его можно узнать в чудесной программе ColorT Final.
И так, с цветами я все написал, теперь можно поговорить и об атрибутах тега BODY:
background — атрибут тега BODY, при помощи которого можно задать картинку фоном всей страницы. Например, есть картинка fon.gif, которая лежит по адресу https://1seo.by/images/fon.gif. Для того, чтобы сделать эту картинку фоном html-документа, необходимо записать так:
<BODY background="https://1seo.by/images/fon.gif"></BODY>
Этот пример был для упорядоченного расположения файлов на вашем сайте, если файл лежит просто в корне сайта, то можно написать вот так:
<BODY background="fon.gif"></BODY>
Если fon.gif расположен в подкаталоге images каталога с относительно страницы, то можно написать так:
<BODY background="images/fon.gif"></BODY>
Советую вам для фона брать маленькое и простое изображение, потому что надо, чтобы оно мало весило, а так как оно заполняет всю страницу, создавало единый фон. . С рисунками я думаю все, идем дальше:
text — задает цвет текста вашей html-странички. Допустим, мы захотели сделать текст на странице красным:
<BODY text="#FF0000"></BODY>
Следующие атрибуты помогут нам настроить отображение ссылок на нашей страничке:
link — цвет ссылки, на которую еще не нажимали.
vlink — цвет ссылки, на которую уже нажимали.
alink — цвет ссылки, когда нажимаем на неё.
Например, вы решили сделать цвет ссылок, на которые еще не нажимали зеленым (#008000), а на которые уже нажали — синим (#0000FF), тогда мы записываем так:
<BODY link="#008000" vlink="#0000FF"></BODY>
У тега BODY достаточно много атрибутов, я остановился на главных для тебя. Если вы не задали цвета ссылок, то у браузеров есть стандартные по умолчанию цвета. Для закрепления материала давайте сделаем страницу с серым фоном, синим текстом, неиспользованные ссылки — желтые, а посещенные — зеленые. Вот что у нас получится в итоге:
<HTML> <HEAD> </HEAD> <BODY bgcolor="#666666" text="#0000FF" link="#008000" vlink="#0000FF"> </BODY> </HTML>
Набрать данный html код можно в любом текстовом редакторе, ну и визуальном. Советую код набирать в ручную, чтобы закрепить знания. не забудь вставить какой нибудь текст между тегами <BODY> и </BODY>, потом сохрани этот файл под любым именем с расширением html. Полученный файл открываешь в любой удобном тебе браузере и наслаждайся работай 🙂 .
Кроме личных атрибутов (т.е. атрибуты, которые используются только в этом теге) в теге BODY можно писать атрибуты и других тегов (данное правило распространяется и на многие другие теги). Об этом я напишу в других материалах этого раздела. Главное экспериментируй и узнай всегда что-то новое.
Дата публикации: 15 мая, 2012Элемент BODY. HTML, XHTML и CSS на 100%
Внутри элемента BODY располагается сам документ: весь текст, находящийся между открывающим тегом <BODY> и закрывающим тегом </BODY>, будет отображаться браузером. Все элементы, отвечающие за форматирование документа, помещают внутрь элемента BODY.
Атрибуты элемента BODY применяются для того, чтобы установить общие для всего документа свойства, и в этом отношении возможности данного элемента достаточно большие: можно задать цвет ссылок, параметры фона и т. п.
Сначала рассмотрим атрибуты элемента BODY, управляющие отображением ссылок. Для удобства посетителей страницы надо задавать разные цвета для посещенных, непосещенных и активных ссылок, при этом нужно следить, чтобы они не сливались с цветом фона страницы, потому что это будет неудобно посетителям.
За цвет ссылок отвечают следующие атрибуты элемента BODY:
• alink – задает цвет активной ссылки;
• vlink – определяет цвет посещенной ссылки;
• link – устанавливает цвет непосещенной ссылки.
Цвета ссылок можно задать в HEX-формате или ключевыми словами. Ключевые слова имеет смысл использовать, если вы хотите применить стандартный цвет. Ну а если вы собираетесь устанавливать нестандартные цвета, придется воспользоваться HEX-форматом.
В примере из листинга 1.12 представлены оба варианта записи.
Листинг 1.12. Цвет ссылок
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<base href=»http://www.test.test/» target=»_blank» />
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />
<title>Использование элемента BODY</title>
</head>
<body alink=»#00FF00″ vlink=»red» link=»#330000″>
</body>
</html>
В примере для активной и непосещенной ссылки цвет задан с помощью цифр и букв: они определяют код цвета в шестнадцатеричном формате и записываются в качестве значения соответствующего атрибута после знака #. Для посещенной ссылки цвет задан ключевым словом. Использовать ключевые слова просто. В качестве обозначения цвета с их помощью применяются стандартные названия цветов на английском языке. Указывайте простые названия цветов вроде blue, red, black и не ошибетесь.
Что касается записи цвета в цифрах, то код для нужного цвета можно определить, используя любой графический редактор.
Элемент BODY предоставляет большие возможности для управления фоном страницы. Рассмотрим атрибуты, отвечающие за это.
Для начала надо задать фоновый цвет страницы. Это делается с помощью атрибута bgcolor, значение которого определяет цвет фона. Потом нужно указать фоновый рисунок страницы с помощью атрибута background, значение которого представляет собой адрес файла с рисунком для фона. При этом старайтесь ставить цвет фона, близкий к цветовой гамме фонового рисунка. Это пригодится, если у пользователя не загрузится фоновый рисунок. Когда цвет фона близок к цвету рисунка, не будет дисбаланса в общем виде страницы.
Следующий атрибут управляет прокруткой фона и называется bgproperties. Он определяет, будет ли фон прокручиваться вместе с текстом. Этот атрибут принимает всего одно значение fixed, позволяющее зафиксировать фон документа и не прокручивать его вместе с текстом. В противоположном случае нужно просто удалить этот атрибут. При выборе параметров прокрутки фона надо действовать очень осторожно и следить за тем, чтобы при прокрутке не терялась читаемость текста.
В листинге 1.13 представлен пример использования атрибутов элемента BODY, отвечающих за фон документа.
Листинг 1.13. Параметры фона
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<head>
<base href=»http://www.test.test/» target=»_blank» />
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />
<title>Использование элемента BODY</title>
</head>
<body background=»test.jpg» bgcolor=»#0033CC» bgproperties=»fixed»>
</body>
</html>
В примере из листинга 1.13 файл test. jpg оформлен в синих тонах, поэтому и цвет фона взят из синей гаммы. Прокрутка фона вместе с текстом запрещена.
После того как мы разобрались с фоном, можно задать положение содержимого страницы относительно границ окна браузера.
За отступ от границ окна отвечают следующие атрибуты элемента BODY:
• bottommargin – определяет расстояние от нижнего края окна браузера до содержимого страницы;
• leftmargin – указывает расстояние от левого края окна браузера до содержимого страницы;
• topmargin – задает расстояние от верхнего края окна браузера до содержимого страницы.
Расстояние для всех атрибутов устанавливается в пикселах.
В листинге 1.14 приведен пример указания расстояния до содержимого страницы с помощью атрибутов элемента BODY.
Листинг 1.14. Установка расстояния от границ окна до содержимого страницы
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<head>
<base href=»http://www.test.test/» target=»_blank» />
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />
<title>Использование элемента BODY</title>
</head>
<body topmargin=»10″ leftmargin=»20″ bottommargin=»10″>
</body>
</html>
В примере расстояние сверху и снизу будет по 10 пикселов, а слева – 20 пикселов.
У элемента BODY есть еще два атрибута, которые могут нам пригодиться. Атрибут text отвечает за цвет текста в документе. Когда задаете цвет текста, следите, чтобы он не сливался с фоном страницы.
Атрибут scroll определяет, будет ли в окне документа вертикальная полоса прокрутки. У него всего два значения: yes и no, обозначающие разрешить и запретить прокрутку соответственно. На самом деле запрещать прокрутку не стоит, потому что документ, который у вас на экране виден полностью без проблем, у пользователя с низким разрешением монитора может не поместиться на экране. В итоге без полосы прокрутки он просто не увидит часть документа.
Мы рассмотрели элемент BODY, его возможности и функции. Все параметры, определяемые в этом элементе, влияют на общий вид документа.
Когда вы создаете большие сайты, то со временем можете забыть, что именно делает та или иная часть кода страницы. Комментарии помогут избежать этого.
Данный текст является ознакомительным фрагментом.Читать книгу целиком
Поделитесь на страничкеСледующая глава >
НОУ ИНТУИТ | Лекция | Фон страницы в HTML
Аннотация: Этот урок посвящен оформлению фона web-страницы графическими элементами. А также на практическом примере рассматриваются аспекты работы HTML с цветовой палитрой.
Немаловажную роль играет фон, используемый на сайте. Хороший фон может существенно улучшить внешний вид Web-сайта, а при неправильном подборе цветовой схемы читаемость ваших страниц значительно ухудшится, что вызовет негативные ощущения у посетителей сайта. И у них не возникнет желания вернуться сюда еще раз. Рассмотрим все вышеизложенное на примере. В первом примере представлено хорошее сочетание фона и текста, а во втором наоборот, комбинация, использование которой совершенно не рекомендуется.
Хороший цвет фона и текста
<html> <body bgcolor="#d0d0d0"> <h2>Хороший цвет фона и текста</h2> <p>Пример комбинации цвета фона и цвета текста, которая позволяет без проблем читать текст на странице.</p> </body> </html>
Пример выполнения данного HTML-кода
Плохой цвет фона и текста
<html> <body bgcolor="#ffffff" text="yellow"> <h2>Плохой цвет фона и текста</h2> <p>Пример комбинации цвета фона и цвета текста, которая создает трудности при чтении текста на странице.</p> </body> </html>
Пример выполнения данного HTML-кода
Фон
Тег <body> имеет два атрибута, которые позволяют определить фон. Фон можно задавать с помощью цвета или изображения.
Bgcolor
Атрибут bgcolor определяет цвет фона для страницы HTML. Значение этого атрибута может быть шестнадцатеричным числом, значением RGB, или названием цвета:
<body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black">
Все приведенные выше строки задают цвет фона как черный. Наиболее часто используется первый способ задания цвета.
Background
Атрибут background определяет изображение для фона страницы HTML. Значением этого атрибута является адрес URL изображения, которое желательно использовать. Если изображение меньше окна браузера, то изображение будет циклически повторяться, пока не заполнит все окно браузера.
<body background="clouds.gif"> <body background="http://www.w3schools.com/clouds.gif">
Адрес URL может быть относительным (как в первой строке выше) или абсолютным (как во второй строке выше).
Примечание: Если вы хотите использовать фоновое изображение, необходимо помнить о следующем:
- Не будет ли фоновое изображение слишком увеличивать время загрузки?
- Будет ли фоновое изображение хорошо сочетаться с другими изображениями на странице?
- Будет ли фоновое изображение хорошо сочетаться с цветами текста на странице?
- Будет ли фоновое изображение хорошо выглядеть, когда оно циклически повторяется на странице?
- Не будет ли фоновое изображение отвлекать внимание от текста?
| HTML | WebReference
Элемент <body> (от англ. body — тело) предназначен для хранения содержимого веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т. д.
<body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору body.
Часто <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.
Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.
Закрывающий тег
Не обязателен.
Атрибуты
- alink
- Устанавливает цвет активной ссылки.
- background
- Задает фоновый рисунок на веб-странице.
- bgcolor
- Цвет фона веб-страницы.
- bgproperties
- Определяет, прокручивать фон совместно с текстом или нет.
- bottommargin
- Отступ от нижнего края окна браузера до контента.
- leftmargin
- Отступ по горизонтали от левого края окна браузера до контента.
- link
- Цвет ссылок на веб-странице.
- rightmargin
- Отступ от правого края окна браузера до контента.
- scroll
- Устанавливает, отображать полосы прокрутки или нет.
- text
- Цвет текста в документе.
- topmargin
- Отступ от верхнего края окна браузера до контента.
- vlink
- Цвет посещённых ссылок.
Также для этого элемента доступны универсальные атрибуты и события.
Пример
<!DOCTYPE HTML>
<html>
<head>
<title>BODY</title>
<meta charset="utf-8">
</head>
<body onload="alert('Документ загружен')">
<p>Еще Аристотель в своей «Политике» говорил,
что музыка, воздействуя на человека, доставляет
«своего рода очищение, то есть облегчение,
связанное с наслаждением».</p>
</body>
</html>Результат текущего примера показан на рис. 1. При использовании события onload элемента <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.
Рис. 1. Всплывающее окно в документе
Спецификация ?
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
×Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
×Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 09.10.2018
Редакторы: Влад Мержевич
HTML тег body | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 22.01.2011
Тег <body> (с англ. тело) — тег-контейнер, определяет границы тела документа. Внутри тега располагаются все элементы, отвечающие за содержание HTML-страницы.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<body>...</body>
Атрибуты
Основные Вспомогательные События
| alink | задает цвет активной ссылки (в момент нажатия). Не рекомендуется в спецификации HTML 4.01! |
|---|---|
| background | задает URL фонового рисунка. Не рекомендуется в спецификации HTML 4.01! |
| bgcolor | задает цвет фона страницы |
| bgproperties | при установке bgproperties=»fixed» фон фиксируется и не прокручивается вместе со страницей Отсутствует в спецификации HTML 4.01! |
| bottommargin | определяет отступ от нижнего края окна браузера. Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01! |
| class | определяет имя используемого класса |
| dir | задает направление
|
| id | уникальный идентификатор |
| lang | определяет язык отображаемого документа |
| leftmargin | определяет отступ от левого края окна браузера. Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01! |
| link | задает цвет ссылок. Не рекомендуется в спецификации HTML 4.01! |
| marginheight | задает высоту вехнего и нижнего полей документа Работает только в браузерах Netscape. Отсутствует в спецификации HTML 4.01! |
| marginwidth | задает ширину левого и правого полей документа Работает только в браузерах Netscape. Отсутствует в спецификации HTML 4.01! |
| onblur | потеря фокуса элементом. Отсутствует в спецификации HTML 4.01! |
| onclick | щелчок на элементе |
| ondblclick | двойной щелчок на элементе |
| onerror | ошибка сценария на странице. Отсутствует в спецификации HTML 4.01! |
| onfocus | получение фокуса элементом. Отсутствует в спецификации HTML 4.01! |
| onkeydown | нажатие клавиши, когда элемент имеет фокус |
| onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
| onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
| onload | окончание загрузки страницы |
| onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
| onmousemove | движение указателя мыши, когда элемент имеет фокус |
| onmouseout | смещение указателя мыши с элемента |
| onmouseover | помещение указателя мыши на элемент |
| onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
| onresize | изменение пользователем размера окна. Отсутствует в спецификации HTML 4.01! |
| onunload | выгрузка браузером текущего документа из окна или фрейма |
| rightmargin | определяет отступ от правого края окна браузера. Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01! |
| scroll | управляет отображением полос прокрутки
Отсутствует в спецификации HTML 4.01! |
| style | задает встроенную таблицу стилей |
| text | задает цвет текста. Значение по умолчанию #000000. Не рекомендуется в спецификации HTML 4.01! |
| title | добавляет всплывающую подсказку |
| topmargin | определяет отступ от верхнего края окна браузера. Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01! |
| vlink | задает цвет посещенных ссылок. По умолчанию для IE и Opera #800080, для Firefox #551a8b. Не рекомендуется в спецификации HTML 4.01! |
Пример
<html>
<head>
...
</head>
<body background="fon.jpg" bgcolor="#302020" text="#EEE" link="#44C1DC" vlink="#721CA4">
...
тело документа.
...
</body>
</html>
Рекомендации по использованию
- по спецификациям XHTML открывающий (<body>) и закрывающий (</body>) тег обязателен
- включает в себя всю содержательную часть веб-страницы
- может содержать блочные элементы, теги <script>, <ins> и <del>
- взаимоисключающий элемент с тегом <frameset>
- обязательных атрибутов нет
- большинство атрибутов данного тега отсутствует либо не рекомендуется в спецификации HTML 4.01. Настройки, которые задают эти атрибуты можно и нужно выполнять, используя таблицы стилей
- некоторые браузеры по умолчанию отображают элемент с отступами
Согласно спецификации HTML4.01 открывающий и закрывающий теги не обязательны. Тем не менее, рекомендуется их использовать, для четкого структурирования текста страницы.
Тег <body> часто используется для размещения обработчика событий onLoad, для того, чтобы выполнить определенные действия, после того, как документ загрузится.
Твой код:
<html> <head> <title></title> </head> <body> …тело документа… </body> </html> Сделай код и жми тут