Разное

Тег body html: Тег | htmlbook.ru

27.03.2019

Содержание

Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY.

Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

Синтаксис

<body>
  ...
</body>

Атрибуты

alink
Устанавливает цвет активной ссылки.
background
Задает фоновый рисунок на веб-странице.
bgcolor
Цвет фона веб-страницы.
bgproperties
Определяет, прокручивать фон совместно с текстом или нет.
bottommargin
Отступ от нижнего края окна браузера до контента.
leftmargin
Отступ по горизонтали от левого края окна браузера до контента.
link
Цвет ссылок на веб-странице.
rightmargin
Отступ от правого края окна браузера до контента.
scroll
Устанавливает, отображать полосы прокрутки или нет.
text
Цвет текста в документе.
topmargin
Отступ от верхнего края окна браузера до контента.
vlink
Цвет посещенных ссылок.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Открывающий и закрывающий теги не обязательны.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <title>Тег BODY</title>
  <meta charset="utf-8">
 </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>

Результат текущего примера показан на рис. 1. При использовании события onload тега <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Рис. 1. Всплывающее окно в документе

Тег HTML основная часть, тело таблицы

Тег <tbody> определяет границы основной части таблицы HTML. Используется в HTML таблицах определенных тегом <table>.

К группе тегов отвечающих за различные части HTML таблиц относятся: тег <thead> — верхний колонтитул, <tbody> — основная часть, <tfoot> — нижний колонтитул.

Браузеры могут использовать разделение таблицы на смысловые части, например, выводя при печати области колонтитулов <thead> и <tfoot> на каждой напечатанной странице.

HTML тег <tbody> должен располагаться внутри тега <table> после тегов <caption>, <col>, <colgroup>, <thead> и <tfoot>.

Внутри тега <tbody> должен быть один или несколько элементов <tr> — строк таблицы.

Стоит отметить, что теги <thead>, <tbody>, <tfoot> по умолчанию не изменяют стили таблицы. Для этого используйте CSS.

Подробнее про создание таблиц читайте в статье: Создание таблиц в HTML. Все о HTML таблицах.

Синтаксис

<tbody>элементы tr с HTML контентом</tbody>

Отображение в браузере

Ячейка 1 Ячейка 2
Ячейка 7 Ячейка 8
Ячейка 3 Ячейка 4
Ячейка 5 Ячейка 6

Пример использования <tbody> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Таблица с tbody</title>
</head>
<body>
<table>
<!-- Ячейки верхнего колонтитула -->
<thead>
<tr>
<th>Ячейка 1</th>
<th>Ячейка 2</th>
</tr>
</thead>
<tfoot>
<!-- Ячейки нижнего колонтитула -->
<tr>
<th>Ячейка 7</th>
<th>Ячейка 8</th>
</tr>
</tfoot>
<tbody>
<!-- Основная часть таблицы -->
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
<tr>
<td>Ячейка 5</td>
<td>Ячейка 6</td>
</tr>
</tbody>
</table>
</body>
</html>

Поддержка браузерами

Атрибуты <tbody>

В HTML5 у тега <tbody> нет атрибутов.

Устаревшие атрибуты

Атрибут Значения Описание
align left
right
center
justify
Задает правило выравнивания содержимого по горизонтали. В HTML5 используйте CSS.
valign
top
middle
bottom
baseline
Задает правило выравнивания содержимого по вертикали. В HTML5 используйте CSS.

seodon.ru | Теги HTML — Тег BODY

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Тег <BODY> определяет тело документа, в котором находится его отображаемое содержимое. В нем расположено графическое, текстовое, аудио и видео наполнение сайта, теги отвечающие за внешний вид и форматирование, гиперссылки, скрипты и т.д. В общем, все то, ради чего и создаются сайты, и все это можно назвать одним словом — контент.

Хотя тег <BODY> и не обязателен (браузер сам определит, где находится тело HTML-документа), все же принято его указывать всегда.

Атрибуты

Личные атрибуты:

  • alink — Цвет активных ссылок.
  • background — Задает путь к фоновому изображению.
  • bgcolor — Цвет фона страницы.
  • bgproperties — Запрещает скроллинг фонового изображения вместе с содержимым страницы.
  • bottommargin — Поле снизу от окна браузера до содержимого страницы.
  • leftmargin — Поле слева от окна браузера до содержимого страницы.
  • link — Цвет непосещенных ссылок.
  • rightmargin — Поле справа от окна браузера до содержимого страницы.
  • scroll — Скрывает или отображает полосу прокрутки окна.
  • text — Устанавливает цвет текста по умолчанию.
  • topmargin — Поле сверху от окна браузера до содержимого страницы.
  • vlink — Цвет посещенных ссылок.

Общие атрибуты:

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Всегда указывайте все атрибуты, отвечающие за цвет, вместе. По умолчанию их значения берутся из текущей цветовой схемы операционной системы или из настроек браузера. Поэтому может случиться так, что если указать не все цвета — некоторые могут совпасть или быть негармоничными. Кроме этого, если вы используете background, то всегда указывайте и bgcolor, на тот случай, если в браузере отключен показ изображений.

Тип тега

Назначение: документ.

Модель тега: может располагаться сразу после закрывающегося тега </HEAD> или, если он не указан, после тегов, относящихся к заголовку документа.

Должен содержать: block-теги. и/или теги <SCRIPT>.

Может содержать: теги <INS> и/или <DEL>.

Открывающий тег: не обязателен. Закрывающий тег: не обязателен.

Синтаксис

<body>содержимое</body>

Пример HTML: применение тега BODY

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега BODY</title>
 </head>
 <body text="#a60000" bgcolor="#5ccccc" link="#ff4040" alink="#9fee00" vlink="#810081">
  <p><a href="#">Раз</a></p>
  <p><a href="#">Два</a></p>
  <p><a href="#">Три</a></p>
  <p>Четыре, пять, я иду тебя искать.</p>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4. 01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Теги HTML. Тег BODY. Пример BODY


Тег <body> определяет видимую часть документа, отображающуюся в окне браузера. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты). Тег имеет ряд необязательных атрибутов. Рекомендуется вместо нежелательных атрибутов использовать каскадные таблицы стилей. Начальный и конечный теги необязательны.

Атрибуты

alink
Нежелательный. Устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный, в случае если на ссылку нажимают курсором мыши или выделяют ее с помощью клавиатуры
background
Нежелательный. Определяет изображение, которое будет использоваться в качестве фонового рисунка
bgcolor
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB — пример: FF0000 — красный цвет, либо используя константы цвета, например для желтого цвета, используемой на данной странице <body bgcolor="yellow">
bgproperties=fixed
Фоновое изображение прокручиваться не будет. Т.е. текст будет двигаться при нажатии PageDown, а фон — нет. Данный параметр поддерживается только Internet Explorer
bottommargin
Отступ снизу
contentEditable
Возможность редактирования
innerText
Устанавливает или получает текст между начальным и закрывающим тегом объекта
leftmargin
Отступ слева. Установите необходимое числовое значение
link
Нежелательный. Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB — пример: 00FF00 — зеленый цвет,либо используя константы цвета,например для красного цвета,используемой на данной странице <body link="red">
marginheight
Отступ сверху и снизу (для Firefox)
marginwidth
Отступ слева и справа (для Firefox)
offsetWidth
Размер объекта
rightmargin
Отступ справа.
topmargin
Отступ сверху
text
Нежелательный. Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB — пример: 000000 — черный цвет, либо используя константы цвета, например для зеленого цвета, используемой на данной странице <body text="green">
vlink
Нежелательный. Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB — пример: 333333 — серый цвет
scroll
Параметр scroll управляет присутствием полос прокрутки в окне браузера, когда содержание веб-страницы превышает размер текущего окна. Этот параметр работает только в браузере Internet Explorer

Пример:
Код примера, изменяйте его:
Результат:
<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Тег BODY</title> </head> <body alink=»red» background=»money.gif» bgproperties=»fixed» bgcolor=»#A0BEC4″ leftmargin=»0″ link=»#003366″ scroll=»no»> Пример использования тега BODY </body> </html>
Код примера можно изменять, результат справа меняется автоматически


Обновлено:

Урок 1. Создание html-страницы | | Уроки MODx Evo


Гипертекстовый учебник на HTML

Урок 1. Создание html-страницы

Прежде, чем приступить к изучению, скачайте необходимые материалы «К разделу «Гипертекстовый учебник на HTML».  Ссылка для скачивания расположена на желтом фоне в правом верхнем углу поля урока. Разархивируйте файлы.

 Задание:

  1. Изучить основные команды, используемые при создании HTML-страниц.
  2. Выполнить 5 упражнений, приведенных в тексте урока.
  3. Выполнить контрольное задание.
  4. Сдать урок преподавателю устно, отвечая на вопросы и демонстрируя все действия на компьютере.

В результате изучения этого урока Вы создадите web-страницу об РГППУ, как показано на рисунке ниже.

 

1. Структура HTML-документа, определение цветов в web

HTML–документ создается в текстовом редакторе Блокнот и имеет расширение .htm или .html.

Кроме обычного текста HTML-файл содержит лишь один тип управляющих конструкций, называемых тегами (tags).

Теги управляют браузером при отображении web-страницы.

Все теги, чтобы отделить их от содержимого страницы, заключены в угловые скобки < >.

Обычно теги парные. Заключительный тег выглядит так же, как и начальный, но со слешем (/). Парные теги должны вкладываться друг в друга без пересечений, т.е. если в области А открылся тег В, он должен закрыться до того, как закроется тег А.

Структура HTML-документа (листинг 1)

<!DOCTYPE html>
<html>
<head>
            <meta http-equiv=Content-Type content=»text/html; charset=utf-8″ />
            <title>Мой первый шаг</title>
</head>
<body>
Здравствуйте, это моя первая веб-страница!
</body>
</html>

  Весь HTML-документ заключен между тегами <html> и </html>. Это обязательный тег.

Между тегами <head> и </head> содержится заголовочная часть документа.

Заголовочная часть включает теги <title> и </title>, которые используются для присвоения имени документу. Это название при загрузке документа появляется в строке заголовка браузера. Заголовок должен быть лаконичным, информативным и занимать одну строку.

В элементе <head> также могут содержаться и другие теги, которые обеспечивают связи между различными документами и метод пересылки специальных сообщений определенному браузеру или другой программе.

Все тело страницы с графикой, текстом и гиперссылками (т.е. содержательная часть) содержится между тегами <body> и </body>.

Упражнение 1.

1. Откройте папку web из скачанного архива, внутри папки web расположены папки library и rgppu. В дальнейшем все html-файлы сохраняйте в папке web!

2. Откройте программу Блокнот.

3. Наберите (или скопируйте) текст, изображенный в листинге 1.

4. Сохраните документ в папке web под именем fist.html. При сохранении документа в поле Тип файла установите Все файлы (рис. 1).

: Элемент тела документа — HTML: язык разметки гипертекста

HTML Элемент представляет содержимое HTML-документа. В документе может быть только один элемент .

Категории содержимого Разделение корня.
Разрешенное содержание Содержание потока.
Отсутствие тега Начальный тег может быть опущен, если первое, что внутри него — это не пробел, комментарий, элемент