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

27.03.2019 alexxlab

Содержание

Тег | 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. 01	HTML 5	XHTML 1.0	XHTML 1.1
Поддержка:	Да	Да	Да	Да

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

Браузер:	Internet Explorer	Google Chrome	Mozilla Firefox	Opera	Safari
Версия:	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>

Код примера можно изменять, результат справа меняется автоматически

Обновлено: 26 марта 2019

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

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

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

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

Задание:

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

В результате изучения этого урока Вы создадите 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-документа. В документе может быть только один элемент .

) инкапсулирует набор строк таблицы ( элементов), указывая, что они составляют тело таблицы (

Категории содержимого Разделение корня.

Разрешенное содержание Содержание потока.

Отсутствие тега

Категории содержимого	Разделение корня.
Разрешенное содержание	Содержание потока.
Отсутствие тега	Начальный тег может быть опущен, если первое, что внутри него — это не пробел, комментарий, элемент Таблицы BCD загружаются только в браузере : Элемент тела таблицы - HTML: язык разметки гипертекста Элемент HTML Table Body (

Начальный тег может быть опущен, если первое, что внутри него — это не пробел, комментарий, элемент

Таблицы BCD загружаются только в браузере

: Элемент тела таблицы - HTML: язык разметки гипертекста

Элемент HTML Table Body (

Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на перенос.

Исходный код этого интерактивного примера хранится в репозитории GitHub.

Если вы хотите внести свой вклад в проект интерактивных примеров, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на перенос.

Элемент

вместе со своими родственниками и предоставляют полезную семантическую информацию, которую можно использовать при рендеринге для экрана или принтера, а также для целей доступности.

элементов. не является обязательным дочерним элементом для родительского элемента

Категории содержимого	Нет.
Разрешенное содержание	Ноль или более
Отсутствие тега	Элемент

для графической визуализации. Однако он не должен присутствовать, если его родительский элемент

имеет дочерний элемент . (для семантической идентификации строк заголовка), после него должен идти блок .
Если вы используете
, у вас также не может быть строк таблицы ( элементов), которые являются прямыми дочерними элементами

Допущенные родители

В пределах требуемого родительского элемента

 элемент  может быть добавлен после элементов  и .  
 ,    Неявная роль ARIA   группа строк 
 Разрешенные роли ARIA  Любая
 Интерфейс DOM   HTMLTableSectionElement 
 Устаревшие атрибуты

   align   Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.
 Этот перечисляемый атрибут определяет, как будет обрабатываться горизонтальное выравнивание содержимого каждой ячейки. Возможные значения:  слева , выравнивание содержимого слева от ячейки
  центр , центрирование содержимого в ячейке
  справа , выравнивание содержимого по правому краю ячейки
  выровнять , вставив пробелы в текстовое содержимое так, чтобы содержимое было выровнено в ячейке
  char , выравнивание текстового содержимого по специальному символу с минимальным смещением, определяемым атрибутами  char  и  charoff .
 Если этот атрибут не установлен, принимается значение  left .
 Поскольку этот атрибут устарел, используйте вместо него свойство CSS  text-align .
   bgcolor   Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.
 Цвет фона таблицы. Это шестизначный шестнадцатеричный код RGB с префиксом  # . Также можно использовать одно из предопределенных цветовых словечек.
 Поскольку этот атрибут устарел, используйте вместо него свойство CSS  background-color .
   char   Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.
 Этот атрибут используется для установки символа для выравнивания ячеек в столбце. Типичные значения для этого включают период (. ) при попытке выровнять числа или денежные значения. Если  align  не установлено на  char , этот атрибут игнорируется.
   charoff   Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
 Этот атрибут используется для указания количества символов для смещения данных столбца от символов выравнивания, заданных атрибутом  char .
   valign   Этот устаревший API больше не должен использоваться, но, вероятно, будет работать.

 Этот атрибут определяет вертикальное выравнивание текста в каждой строке ячеек заголовка таблицы.Возможные значения этого атрибута:

baseline , при котором текст помещается как можно ближе к нижней части ячейки, но выравнивается по базовой линии символов, а не по нижней части. Если все символы одинакового размера, это имеет тот же эффект, что и нижний .
bottom , при котором текст помещается как можно ближе к низу ячейки;
средний , который будет центрировать текст в ячейке;
и top , при котором текст помещается как можно ближе к верху ячейки.

Поскольку этот атрибут устарел, используйте вместо него свойство CSS vertical-align .

Если таблица включает в себя блок

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

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

Студенческий билет	Имя	Major
3741255	Джонс, Марта	Компьютерные науки
3971244	Ним, Виктор	Русская литература
4100332	Петров Александра	Астрофизика

CSS
Далее показан CSS для стилизации нашей таблицы.
стол { граница: 2px solid # 555; граница-коллапс: коллапс; шрифт: 16px «Lucida Grande», «Helvetica», «Arial», без засечек; }
Сначала устанавливаются общие атрибуты стиля таблицы, настраиваются толщина, стиль и цвет внешних границ таблицы, а также используется border-collapse , чтобы гарантировать, что линии границ являются общими для соседних ячеек, а не каждая имеет свои собственные границы с пространство между ними. шрифт используется для установки начального шрифта для таблицы.
т, тд { граница: сплошная 1px #bbb; отступ: 2px 8px 0; выравнивание текста: слева; }
Затем стиль устанавливается для большинства ячеек в таблице, включая все ячейки данных, а также стили, общие для наших и ячеек. Ячейкам выделен светло-серый контур толщиной в один пиксель, заполнение настроено, и все ячейки выровнены по левому краю с использованием text-align
thead> tr> th { цвет фона: #cce; размер шрифта: 18 пикселей; нижняя граница: 2px solid # 999; }
Наконец, ячейкам заголовка, содержащимся в блоке , присваивается дополнительный стиль. Они используют более темный фоновый цвет , больший размер шрифта и более толстую и темную нижнюю границу, чем другие границы ячеек.
Результат
Итоговая таблица выглядит так:
Несколько тел
Вы можете создать несколько разделов в таблице, используя несколько элементов . Каждый потенциально может иметь свою собственную строку или строки заголовка; однако может быть только один на таблицу! Из-за этого вам нужно использовать , заполненный элементами , для создания заголовков внутри каждого .Посмотрим, как это делается.
Давайте возьмем предыдущий пример, добавим еще несколько студентов в список и обновим таблицу, чтобы вместо перечисления специальности каждого студента в каждой строке студенты были сгруппированы по специальности со строками заголовка для каждой специальности.
Результат
Во-первых, итоговая таблица, чтобы вы знали, что мы создаем:
HTML
Обновленный HTML-код выглядит так:
<таблица> Студенческий билет Имя Компьютерные науки 3741255 Джонс, Марта 4077830 Пирс, Бенджамин 5151701 Кирк, Джеймс Русская литература 3971244 Ним, Виктор Астрофизика 4100332 Петров Александра 8892377 Тойота, Хироко
Обратите внимание, что каждый основной элемент помещается в отдельный блок , первая строка которого содержит один элемент с атрибутом colspan , который охватывает всю ширину таблицы. В этом заголовке указано имя специалиста, содержащегося в .
Тогда каждая оставшаяся строка в каждой специальности состоит из двух ячеек: первая для идентификатора студента, а вторая для его имени.
CSS
стол { граница: 2px solid # 555; граница-коллапс: коллапс; шрифт: 16px «Lucida Grande», «Helvetica», «Arial», без засечек; } th, td { граница: сплошная 1px #bbb; отступ: 2px 8px 0; выравнивание текста: слева; } thead> tr> th { цвет фона: #cce; размер шрифта: 18 пикселей; нижняя граница: 2px solid # 999; }
Большая часть CSS не изменилась.Однако мы добавляем немного более тонкий стиль для ячеек заголовков, содержащихся непосредственно в (в отличие от тех, которые находятся в ). Это используется для заголовков, указывающих на соответствующий основной раздел таблицы.
tbody> tr> th { цвет фона: #dde; нижняя граница: сплошной 1. 5px #bbb; шрифт: нормальный; }
таблицы BCD загружаются только в браузере
CSS-свойства и псевдоклассы, которые могут быть особенно полезны для стилизации элемента :
псевдокласс : nth-child для установки выравнивания ячеек столбца;
свойство text-align для выравнивания всего содержимого ячеек по одному и тому же символу, например '.'.
HTML 4 тег тела
Тег HTML body используется для обозначения раздела основного содержимого документа HTML. Тег body помещается между тегами и .
Обратите внимание, что атрибуты тега body не рекомендуются в HTML 4.01 и устарели в HTML 5. Для определения представления тела документа следует использовать CSS. Например, см. CSS background-color и CSS text-decoration.
Пример
01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML-тег тела Содержимое документа находится здесь
Атрибуты
Атрибуты, относящиеся к этому тегу:
Атрибут Описание
фон Задает URI / URL-адрес фонового изображения.Этот атрибут устарел.
текст Задает цвет текста. Этот атрибут устарел.
ссылка Определяет цвет текста непосещенной гиперссылки. Этот атрибут устарел.
vlink Определяет цвет текста посещенной гиперссылки. Этот атрибут устарел.
alink Определяет цвет активного текста гиперссылки (т.е.е. когда пользователь нажимает на нее). Этот атрибут устарел.
Другие атрибуты:
Атрибут Описание
класс Общий идентификатор документа.
id Общий идентификатор документа
язык Код языка
dir Задает направление текста
заголовок Задает заголовок, который нужно связать с элементом.Многие браузеры отображают это при наведении курсора на элемент (аналогично «всплывающей подсказке»).
стиль Встроенный стиль (CSS)
bgcolor Цвет фона. Этот атрибут устарел.
onload Внутреннее событие (см. Обработчики событий)
onunload Внутреннее событие (см. Обработчики событий)
onclick Внутреннее событие (см. Обработчики событий)
ondbclick Внутреннее событие (см. Обработчики событий)
onmousedown Внутреннее событие (см. Обработчики событий)
onmouseup Внутреннее событие (см. Обработчики событий)
onmouseover Внутреннее событие (см. Обработчики событий)
onmousemove Внутреннее событие (см. Обработчики событий)
onmouseout Внутреннее событие (см. Обработчики событий)
onkeypress Внутреннее событие (см. Обработчики событий)
onkeydown Внутреннее событие (см. Обработчики событий)
onkeyup Внутреннее событие (см. Обработчики событий)
Попробуйте сами!
Измените приведенный ниже код, затем нажмите Обновить .См. Ниже атрибуты.
Информация на этой странице основана на HTML версии 4.01. Большинство современных браузеров теперь поддерживают HTML5.
См. HTML5 Tag для версии HTML5 вышеуказанного элемента.
См. Этот список тегов HTML для получения последнего списка элементов HTML.
тегов, атрибутов и элементов | HTML Dog
Теги
Базовая структура HTML-документа включает теги, которые окружают контент и придают ему значение.
Измените свой документ так, чтобы он выглядел так:
Это моя первая веб-страница
Теперь снова сохраните документ, вернитесь в веб-браузер и перезагрузите страницу.
Внешний вид страницы не изменится вообще, но цель HTML - придать смысл, а не представление, и в этом примере теперь определены некоторые фундаментальные элементы веб-страницы.
Первая строка вверху, , представляет собой объявление типа документа и позволяет браузеру узнать, какой вариант HTML вы используете (в данном случае HTML5). Очень важно придерживаться этого правила - если вы этого не сделаете, браузеры будут считать, что вы на самом деле не знаете, что делаете, и будут действовать весьма своеобразным образом.
Возвращаясь к сути, - это открывающий тег , который запускает процесс и сообщает браузеру, что все между этим и закрывающим тегом является HTML-документом.Материал между и - это основное содержимое документа, которое будет отображаться в окне браузера.
Рекламируйте здесь! На давнем, начитанном и уважаемом ресурсе веб-разработки.
Закрывающие теги
и помещают близко к своим соответствующим элементам (подробнее об элементах чуть позже).
Не все теги имеют такие закрывающие теги ( ), некоторые теги, которые не охватывают содержимое, закрываются сами.Тег разрыва строки, например, выглядит так: - разрыв строки не содержит никакого содержания, поэтому тег радостно сидит в одиночестве. Мы встретимся с этими примерами позже. Все, что вам нужно запомнить, это то, что все теги с содержимым между ними должны быть закрыты в формате открывающий тег → содержимое → закрывающий тег. Строго говоря, это не всегда требование, но это соглашение, которое мы используем в этих руководствах, потому что это хорошая практика, которая приводит к более чистому и легкому пониманию кода.
Вы можете встретить «самозакрывающиеся» теги, когда, например, тег br будет выглядеть как «», а не просто «». Это остаток XHTML, формы HTML, основанной на другом языке разметки, называемом XML. HTML5 гораздо более спокойный, чем XHTML, и будет доволен любым форматом. Некоторые разработчики предпочитают один способ, некоторые - другой. Мы подбросили монетку и решили остановиться на более простом варианте.
Атрибуты
Теги также могут иметь атрибутов , которые являются дополнительными битами информации.Атрибуты появляются внутри открывающего тега, а их значения заключаются в кавычки. Они выглядят примерно как Маргарин . Теги с атрибутами мы встретим позже.
Еще раз, кавычки не всегда необходимы, но это общепринятое соглашение, которое HTML Dog использует для единообразия и ясности. Мы предлагаем вам сделать то же самое.
Элементы
Теги, как правило, не делают ничего больше, чем отмечают начало и конец элемента.Элементы - это части, из которых состоят веб-страницы. Например, можно сказать, что все, что находится между тегами и (и включает), является элементом body. В качестве другого примера, тогда как « </code>» и «<code> » - это теги , « Rumple Stiltskin » - это элемент заголовка .
.