Таблица HTML тегов
В таблице приведен категоризированный список HTML элементов с кратким описанием значений.
Базовые теги
| Тег | Описание |
|---|---|
| Определяет тип документа. | |
| Определяет, что документ написан на языке HTML. | |
| Содержит техническую системную информацию о документе. (метаданные) | |
| Определяет заголовок документа. | |
| Определяет тело (основной контент) HTML документа. | |
| to | Определяет HTML заголовки (от первого до шестого уровня). |
| Определяет параграф. | |
| Устанавливает перевод строки. | |
| Создает горизонтальную линию, или определяет тематическое разделение контента на странице. | |
| Определяет комментарии. |
Теги форматирования
Теги форматирования используются для визуального и логического выделения фрагментов текста.
| Тег | Описание |
|---|---|
| Определяет акроним. Не поддерживается в HTML5. | |
| Определяет аббревиатуру или акроним. | |
| Содержит контактную информацию об авторе/владельце документа/статьи. | |
| Устанавливает жирное начертание текста. | |
| Изолирует фрагмент текста, который может быть отформатирован в другом направлении, что позволяет браузерам корректно обрабатывать двунаправленный текст. Новый элемент в HTML5. | |
| Переопределяет текущее направление текста. | |
| Определяет шрифт большего размера. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. | |
| Определяет длинную цитату. | |
| Определяет выровненный по центру текст. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. | |
| Помечает текст как цитату или сноску на другой материал | |
| Определяет фрагмент компьютерного кода. | |
| Определяет удаленный текст. | |
| Содержит определение термина или слова. По умолчанию, выделяется курсивом. | |
| Используется для акцентирования фрагмента текста. Выделяется курсивом. | |
| Определяет шрифт, цвет и размер текста. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. | |
| Выделяет фрагмент текста курсивным начертанием. | |
| Определяет вставленный текст, который отображается подчеркнутым. | |
| Определяет вводимые пользователем нажатия клавиш или текст, набираемый на клавиатуре. | |
| Содержит выделенный/подсвеченный текст. Новый элемент в HTML5. | |
| Определяет скалярную величину в том же диапазоне или графическое представление дробного числа. | |
| Определяет предварительно отформатированный текст. | |
| Определяет индикатора прогресса выполнения задачи (progress bar). Новый элемент в HTML5. | |
| Определяет короткую цитату. | |
| Содержит альтернативный текст, который показывается в браузере, не поддерживающем тег . Новый элемент в HTML5. | |
| Содержит аннотации сверху или снизу от текста, заключенного в тег (для западно-азиатских языков). Новый элемент в HTML5. | |
| Содержит аннотации сверху или снизу от текста, заключенного в тег (для восточно-азиатских языков). Новый элемент в HTML5. | |
| Содержит текст, который уже не актуален. | |
| Содержит результат вывода компьютерной программы или скрипта. | |
| Определяет текст, написанный мелким шрифтом. | |
| Содержит перечеркнутый текст. Не поддерживается в HTML5. Рекомендуется использовать тег или . | |
| Подчеркивает важность выделенного фрагмента текста. | |
| Определяет текст с нижним индексом. | |
| Определяет текст с верхним индексом. | |
| Определяет шаблон. | |
| Определяет время/дату. Новый элемент в HTML5. | |
| Отображает шрифт моноширинным текстом. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. | |
| Определяет текст, стилистически отличающийся от обычного текста. | |
| Определяет математические/переменные величины. | |
| Указывает браузеру, что при необходимости можно сделать перенос строки. Новый элемент в HTML5. |
Теги форм
| Тег | Описание |
|---|---|
| Определяет форму в документе. | |
| Определяет элементы управления для пользовательского ввода различных данных в составе формы. | |
| Определяет текстовую область многострочного ввода. | |
| Используется для размещения кнопки внутри формы. | |
| Определяет раскрывающийся список. | |
| Объединяет в одну группу связанные пункты в раскрывающемся списке. | |
| Содержит пункты раскрывающегося списка. | |
| Определяет текстовую метки для элемента . | |
| Группирует связанные элементы в форме. | |
| Устанавливает заголовок для тега . | |
| Содержит список предопределенных вариантов для ввода. Новый элемент в HTML5. | |
| Генерирует пару ключей (открытый и закрытый), которые используются для шифрования и расшифровки данных форм. Новый элемент в HTML5. | |
| Определяет область для вывода результата вычислений. Новый элемент в HTML5. |
Теги для фреймов
| Тег | Описание |
|---|---|
| Определяет область фрейма. Не поддерживается в HTML5․ | |
| Определяет структуру фреймов. Не поддерживается в HTML5․ | |
| Определяет альтернативный контент для показа пользователям в случае, если показ фреймов отключен или не поддерживается вовсе. Не поддерживается в HTML5․ | |
| Определяет встроенную в документ область, в которой может отображаться содержимое отдельно взятого документа. |
Теги изображений
| Тег | Описание |
|---|---|
| Определяет изображение. | |
| Определяет карту-изображение. | |
| Определяет интерактивную область внутри карты-изображения. | |
| Создает растровое двухмерное изображение при помощи скриптов (обычно с использованием языка JavaScript). Новый элемент в HTML5. | |
| Содержит заголовок элемента . Новый элемент в HTML5. | |
| Содержит контент, иллюстрирующий или поддерживающего определенную идею текста. Новый элемент в HTML5 | |
| Контейнер для элементов , которые содержат альтернативные версии изображения. Новый элемент в HTML5 | |
| Контейнер для SVG графики. Новый элемент в HTML5 |
Теги аудио/видеофайлов
Теги ссылок
| Тег | Описание |
|---|---|
| Определяет гиперссылку. | |
| Устанавливает связь между документом и внешним ресурсом (в основном используется для ссылки на внешние таблицы стилей). | |
| Определяет ссылки для навигации. Новый элемент в HTML5. |
Теги списков
| Тег | Описание |
|---|---|
| Определяет маркированный список. | |
| Определяет нумерованный список. | |
| Определяет элемент списка. | |
| Определяет список с названиями директорий. Новый элемент в HTML5. | |
| Определяет список описаний. | |
| Определяет имя/термин в списке описаний. | |
| Определяет значение в списке описаний. | |
| Определяет список / меню команд (контекстные меню). | |
| Определяет элемент контекстного меню, который пользователь может вызвать. Новый элемент в HTML5. |
Теги таблиц
| Тег | Описание |
|---|---|
| Определяет таблицу. | |
| Определяет название таблицы. | |
| Определяет заголовочную ячейку в таблице. | |
| Определяет строку в таблице. | |
| Определяет ячейку в таблице. | |
| Определяет заголовок в таблице, группируя содержимое строк. | |
| Определяет содержание (тело) таблицы. | |
| Определяет нижний колонтитул таблицы. | |
| Определяет свойства столбцов для каждого столбца в теге . | |
| Определяет группу столбцов в таблице. |
Теги для стилизации, семантические теги
| Тег | Описание |
|---|---|
| Содержит код CSS (стиль). | |
| Определяет область в HTML документе. | |
| Контейнер для inline элементов. | |
| Определяет верхний колонтитул, “шапку” страницы или раздела. Новый элемент в HTML5. | |
| Определяет нижний колонтитул страницы или раздела. Новый элемент в HTML5. | |
| Определяет основной контент документа. Новый элемент в HTML5 | |
| Группирует логически связанный контент/создает разделы страницы. Новый элемент в HTML5 | |
| Обозначает раздела страницы, в котором содержится независимая, завершенная композиция с собственным смыслом. Новый элемент в HTML5 | |
| Определяет раздел, в котором содержится информация, дополняющая основной отдел. Новый элемент в HTML5. | |
| Определяет дополнительные детали, которые пользователь может отобразить или скрыть. Новый элемент в HTML5. | |
| Создает диалоговое окно, с которым непосредственно работает пользователь для выполнения определенных действий. Новый элемент в HTML5 | |
| Содержит машинный аналог контента. Новый элемент в HTML5 | |
| Определяет видимый заголовок для тега . Новый элемент в HTML5 |
Теги метаданных
| Тег | Описание |
|---|---|
| Содержит техническую информацию о документе, которая не показывается пользователю. | |
| Содержит метаданные об HTML документе. | |
| Определяет базовый абсолютный URL для всех относительных URL-адресов в документе. | |
| Устанавливает по умолчанию цвет, размер, шрифт текста в документе. Не поддерживается в HTML5. |
Теги для определения кодов и скриптов
| Тег | Описание |
|---|---|
| Определяет область для ввода клиентских сценариев. | |
| Определяет альтернативный контент, который отображается в браузерах, не поддерживающих скрипты. | |
| Используется для вставки в документ апплетов, небольших программ, написанных на языке Java. Не поддерживается в HTML5. | |
| Контейнер для интерактивного контента. | |
| Контейнер для мультимедийного контента (видео, Flash-ролики, апплеты, изображения и т.д.) | |
| Определяет параметры для плагинов, встроенных в элемент . |
2. Основные сведения о языке html
Команды языка HTML, называемые тегами (или управляющими кодами), представляют собой зарезервированные последовательности символов, начинающиеся с (знака меньше) и заканчивающиеся (знаком больше). В большинстве случаев теги используются симметричными парами. При этом завершающий тег отличается от открывающего символом / (знак дроби). Например, если у нас есть гипотетический атрибут форматирования текста, управляемый кодом Х, и мы хотим применить его к словам «Это мой текст», HTML — последовательность кодов и собственно текста будет выглядеть так:
ХЭто мой текст/Х
HTML команды можно разбить на следующие группы:
- команды структуры определяют документ HTML в целом и указывают начала и концы его логических частей;
- команды форматирования текста отмечают концы абзацев, принудительные переводы строки, заголовки, сдвинутый или предварительно сформатированный текст и т.п.;
- команды форматирования заголовков обеспечивают оформление заголовков и подзаголовков шести различных уровней;
- команды форматирования символов;
- команды форматирования списков;
- команды вставки графики;
- команды связей.
3. Структура документа html
Структура документа HTML имеет вид: HTML HEAD . . .(заголовок документа) HEAD BODY . . . (тело документа) /BODY /HTML Документ HTML содержит операторы, которые могут занимать одну или несколько строк. В начале и конце всего документа помещаются теги соответственно HTML и /HTML.Они обозначают текст как действительный документ на языке разметки гипертекста. Эти коды ограничивают ту часть документа, которую должна обработать и отобразить программа просмотра Web. Между кодами HEAD и HEAD помещается раздел заголовка документа. Как и HTML, HEAD служит только для формирования общей структуры документа. Заголовок может содержать другие операторы и занимать несколько строк. Например, помощью тегов TITLE и /TITLE задается заголовок страницы, который отображается в заголовке главного окна браузера. Каждый документ HTML должен иметь строку заголовка. Эта строка идентифицирует документ и отображается браузером не только в заголовке главного окна, но и в других местах, например, в списке посещенных страниц. В отличие от заголовка, тело документа отображается во внутренней области окна браузера. В простейшем случае тело может состоять из одной строки. Например, BODY Добро пожаловать в мир серверов WWW! /BODY Помимо обычных текстовых строк в теле документа могут располагаться таблицы, графические изображения, ссылки на другие страницы и т.д. — словом, все, что вы можете найти на страницах серверов WWW. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком. Рассмотрим их по порядку. Один из самых полезных для дизайна — атрибут, определяющий фон страницы: background = «Путь к файлу фона», Например, BODY background = «C:\dir1\fon.jpg»>, Необходимо отметить, что web-браузеры могут воспринимать графические изображения только в виде файлов в формате .gif или .jpg. Более простое оформление фона сводится к заданию его цвета: bgcolor Например, BODY bgcolor = «# 0000FF»> — синий фон. Цвет фона задается тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивность красного (RR), зеленого (GG) и синего (BB) цветов соответственно. Для задания цвета основного текста используется атрибут text , а для задания цвета текста гиперссылок применяют атрибут link Цвет текста использованных гиперссылок задается атрибутом vlink . Например, BODY bgcolor text link vlink =»#808080″.> -синий фон с красными гипертекстовыми ссылками, белым текстом и серыми использованными ссылками. Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют, в первую очередь, назначение Web- страницы и фантазия разработчика.