Вставить код между тегами body. Атрибуты тега BODY и их значения. По его названию
Описание
Элемент
предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.Тег
также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY . Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.Часто тег
используется для размещения обработчика событий, например, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.Открывающий и закрывающий теги
на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.Синтаксис
...Атрибуты
Устанавливает цвет активной ссылки. Задает фоновый рисунок на веб-странице. Цвет фона веб-страницы. Определяет, прокручивать фон совместно с текстом или нет. Отступ от нижнего края окна браузера до контента. Отступ по горизонтали от левого края окна браузера до контента. Цвет ссылок на веб-странице. Отступ от правого края окна браузера до контента. Устанавливает, отображать полосы прокрутки или нет. Цвет текста в документе. Отступ от верхнего края окна браузера до контента. Цвет посещенных ссылок.Закрывающий тег
Открывающий и закрывающий теги не обязательны.
HTML5 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Результат текущего примера показан на рис. 1. При использовании события onload тега
выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.Рис. 1. Всплывающее окно в документе
Определяет границы тела документа. Внутри тега располагаются все элементы, отвечающие за содержание HTML-страницы.
HTML : 3.2 | 4 / XHTML : 1.0 | 1.1
Синтаксис
...Атрибуты
| alink | задает цвет активной ссылки (в момент нажатия). |
|---|---|
| background | задает URL фонового рисунка. Не рекомендуется в спецификации HTML 4.01! |
| bgcolor | задает цвет фона страницы |
| bgproperties | при установке bgproperties="fixed" фон фиксируется и не прокручивается вместе со страницей |
| bottommargin | определяет отступ от нижнего края окна браузера. Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01! |
| class | определяет имя используемого класса |
| dir | задает направление
|
| id | уникальный идентификатор |
| lang | определяет язык отображаемого документа |
| leftmargin | определяет отступ от левого края окна браузера. Не поддерживается Firefox! Отсутствует в спецификации HTML 4.01! |
| link | задает цвет ссылок. Не рекомендуется в спецификации HTML 4.01! |
| marginheight | задает высоту вехнего и нижнего полей документа Отсутствует в спецификации 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! |
Пример
...
...
тело документа.
...
- по спецификациям XHTML открывающий () и закрывающий () тег обязателен
- включает в себя всю содержательную часть веб-страницы
- может содержать
Элемент BODY
Внутри элемента BODY располагается сам документ: весь текст, находящийся между открывающим тегом
и закрывающим тегом , будет отображаться браузером. Все элементы, отвечающие за форматирование документа, помещают внутрь элемента BODY.Атрибуты элемента BODY применяются для того, чтобы установить общие для всего документа свойства, и в этом отношении возможности данного элемента достаточно большие: можно задать цвет ссылок, параметры фона и т. п.
Сначала рассмотрим атрибуты элемента BODY, управляющие отображением ссылок. Для удобства посетителей страницы надо задавать разные цвета для посещенных, непосещенных и активных ссылок, при этом нужно следить, чтобы они не сливались с цветом фона страницы, потому что это будет неудобно посетителям.
За цвет ссылок отвечают следующие атрибуты элемента BODY:
Цвета ссылок можно задать в HEX-формате или ключевыми словами. Ключевые слова имеет смысл использовать, если вы хотите применить стандартный цвет. Ну а если вы собираетесь устанавливать нестандартные цвета, придется воспользоваться HEX-форматом.
В примере из листинга 1.12 представлены оба варианта записи.
Листинг 1.12. Цвет ссылок
"http://www.w3.org/TR/html4/loose.dtd">
В примере для активной и непосещенной ссылки цвет задан с помощью цифр и букв: они определяют код цвета в шестнадцатеричном формате и записываются в качестве значения соответствующего атрибута после знака #. Для посещенной ссылки цвет задан ключевым словом. Использовать ключевые слова просто. В качестве обозначения цвета с их помощью применяются стандартные названия цветов на английском языке. Указывайте простые названия цветов вроде blue, red, black и не ошибетесь.
Что касается записи цвета в цифрах, то код для нужного цвета можно определить, используя любой графический редактор.
Элемент BODY предоставляет большие возможности для управления фоном страницы. Рассмотрим атрибуты, отвечающие за это.
Для начала надо задать фоновый цвет страницы. Это делается с помощью атрибута bgcolor, значение которого определяет цвет фона. Потом нужно указать фоновый рисунок страницы с помощью атрибута background, значение которого представляет собой адрес файла с рисунком для фона. При этом старайтесь ставить цвет фона, близкий к цветовой гамме фонового рисунка. Это пригодится, если у пользователя не загрузится фоновый рисунок. Когда цвет фона близок к цвету рисунка, не будет дисбаланса в общем виде страницы.
Следующий атрибут управляет прокруткой фона и называется bgproperties. Он определяет, будет ли фон прокручиваться вместе с текстом. Этот атрибут принимает всего одно значение fixed, позволяющее зафиксировать фон документа и не прокручивать его вместе с текстом. В противоположном случае нужно просто удалить этот атрибут. При выборе параметров прокрутки фона надо действовать очень осторожно и следить за тем, чтобы при прокрутке не терялась читаемость текста.
В листинге 1.13 представлен пример использования атрибутов элемента BODY, отвечающих за фон документа.
Листинг 1.13. Параметры фона
"http://www.w3.org/TR/html4/loose.dtd">
В примере из листинга 1.13 файл test. jpg оформлен в синих тонах, поэтому и цвет фона взят из синей гаммы. Прокрутка фона вместе с текстом запрещена.
После того как мы разобрались с фоном, можно задать положение содержимого страницы относительно границ окна браузера.
За отступ от границ окна отвечают следующие атрибуты элемента BODY:
Bottommargin – определяет расстояние от нижнего края окна браузера до содержимого страницы;
Leftmargin – указывает расстояние от левого края окна браузера до содержимого страницы;
Topmargin – задает расстояние от верхнего края окна браузера до содержимого страницы.
Расстояние для всех атрибутов устанавливается в пикселах.
В листинге 1.14 приведен пример указания расстояния до содержимого страницы с помощью атрибутов элемента BODY.
Листинг 1.14. Установка расстояния от границ окна до содержимого страницы
"http://www.w3.org/TR/html4/loose.dtd">
В примере расстояние сверху и снизу будет по 10 пикселов, а слева – 20 пикселов.
У элемента BODY есть еще два атрибута, которые могут нам пригодиться. Атрибут text отвечает за цвет текста в документе. Когда задаете цвет текста, следите, чтобы он не сливался с фоном страницы.
Атрибут scroll определяет, будет ли в окне документа вертикальная полоса прокрутки. У него всего два значения: yes и no, обозначающие разрешить и запретить прокрутку соответственно. На самом деле запрещать прокрутку не стоит, потому что документ, который у вас на экране виден полностью без проблем, у пользователя с низким разрешением монитора может не поместиться на экране. В итоге без полосы прокрутки он просто не увидит часть документа.
Мы рассмотрели элемент BODY, его возможности и функции. Все параметры, определяемые в этом элементе, влияют на общий вид документа.
Когда вы создаете большие сайты, то со временем можете забыть, что именно делает та или иная часть кода страницы. Комментарии помогут избежать этого.
Из книги Создание электронных книг в формате FictionBook 2.1: практическое руководство автора Кондратович Михаил Иосифович§ 2.7 Элементы тела книги (body).
Элемент imageКартинка.Cинтаксис:
Элемент Элемент задает режим отладки при выполнении WS-файла. Если значение атрибута debug равно true, то задание может быть выполнено во внешнем отладчике (см. приложение 3). Если же значение атрибута debug равно false, то отладчик для этого задания применен быть не
Из книги XSLT автора Хольцнер СтивенЭлемент
Элемент
Элемент
Элемент
Создание тел таблицы:
Создание тел элементов списка:
Элемент xsl:if
Синтаксис элемента следующий:
Элемент Основой языка HTML является элемент. Он несет в себе определенную информацию, может описывать документ в целом или способ форматирования текста. Элементы можно назвать основой построения сайта. Все, что вы захотите создать на вашей странице, будет сделано с помощью
Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое.
Атрибуты тега BODY очень важны в создании html-страницы, ведь они влиют на все ее содержимое. При открытии страницы браузер в первую очеред смотрит на данный тег и его атрибуты. Однако надо помнить, что тег BODY не используется для вставки в любое место страницы какого-нибудь видео, картинки или текста. Это все делается при помощи других тегов. Позже я рассматрю каскадные таблицы стилей (CSS) , с помощью которых также можно размещать или изменять различное содержимое html-страницы. Как я уже говорил, во многих учебниках расписывается все подряд, я же поступлю по другому. Я опишу лишь главное про тег BODY. Покажу основные атрибуты тега BODY, их особенность и пользу.
Какие же атрибуты тега BODY являеются главными?
bgcolor — цвет фона html-документа. Все браузеры по умолчанию заливают весь документ белым цветом (однако в некоторых можно завадать свой цвет по дефолту). Если вы решили сделать фон страницы серым, то необходимо писать следующее:
В языке HTML цвета можно представлять в разной форме. Можно написать цвет по английски либо шестнадцатеричным (hex) значением. Для удобоство можно использовать так называемую Web-палитру, в которой все красиво и понятно расписано, какой цвет и какой он пишется. Если вы будете использовать именно эти значения цветов, то можно не боятся, что цвет будет отображатся в различном браузере по разному. Все цвета Web-палитры можно найти в соответствующем подразделе Приложения. hex-значения работает по моделе RGB, т.е. первые две цифры это оттенок красного (Red), вторые две цифры — зеленоого (Green), а последние две цифры — синего (Blue). Кстате, если в Web-палитре нету нужного вам цвета, его можно узнать в чудесной программе ColorT Final.
И так, с цветами я все написал, теперь можно поговорить и об атрибутах тега BODY:
background — атрибут тега BODY, при помощи которого можно задать картинку фоном всей страницы. Например, есть картинка fon..gif. Для того, чтобы сделать эту картинку фоном html-документа, необходимо записать так:
Этот пример был для упорядоченного расположения файлов на вашем сайте, если файл лежит просто в корне сайта, то можно написать вот так:
Если fon.gif расположен в подкаталоге images каталога с относительно страницы, то можно написать так:
Советую вам для фона брать маленькое и простое изображение, потому что надо, чтобы оно мало весило, а так как оно заполняет всю страницу, создавало единый фон. . С рисунками я думаю все, идем дальше:
text — задает цвет текста вашей html-странички. Допустим, мы захотели сделать текст на странице красным:
Следующие атрибуты помогут нам настроить отображение ссылок на нашей страничке:
Например, вы решили сделать цвет ссылок, на которые еще не нажимали зеленым (#008000), а на которые уже нажали — синим (#0000FF), тогда мы записываем так:
У тега BODY достаточно много атрибутов, я остановился на главных для тебя. Если вы не задали цвета ссылок, то у браузеров есть стандартные по умолчанию цвета. Для закрепления материала давайте сделаем страницу с серым фоном, синим текстом, неиспользованные ссылки — желтые, а посещенные — зеленые. Вот что у нас получится в итоге:
Набрать данный html код можно в любом текстовом редакторе, ну и визуальном. Советую код набирать в ручную, чтобы закрепить знания. не забудь вставить какой нибудь текст между тегами
и , потом сохрани этот файл под любым именем с расширением html. Полученный файл открываешь в любой удобном тебе браузере и наслаждайся работай:) .Кроме личных атрибутов (т.е. атрибуты, которые используются только в этом теге) в теге BODY можно писать атрибуты и других тегов (данное правило распространяется и на многие другие теги). Об этом я напишу в других материалах этого раздела. Главное экспериментируй и узнай всегда что-то новое.
Дата публикации: 15 мая, 2012
