В таблице приведен категоризированный список HTML элементов с кратким описанием значений.
Базовые теги
Тег | Описание |
---|---|
<!DOCTYPE> | Определяет тип документа. |
<html> | Определяет, что документ написан на языке HTML. |
<head> | Содержит техническую системную информацию о документе. (метаданные) |
<title> | Определяет заголовок документа. |
<body> | Определяет тело (основной контент) HTML документа. |
<h1> to <h6> | Определяет HTML заголовки (от первого до шестого уровня). |
<p> | Определяет параграф. |
<br> | Устанавливает перевод строки. |
<hr> | Создает горизонтальную линию, или определяет тематическое разделение контента на странице. |
<!-- ... --> | Определяет комментарии. |
Теги форматирования
Теги форматирования используются для визуального и логического выделения фрагментов текста.
Тег | Описание |
---|---|
<acronym> | Определяет акроним. Не поддерживается в HTML5. |
<abbr> | Определяет аббревиатуру или акроним. |
<address> | Содержит контактную информацию об авторе/владельце документа/статьи. |
<b> | Устанавливает жирное начертание текста. |
<bdi> | Изолирует фрагмент текста, который может быть отформатирован в другом направлении, что позволяет браузерам корректно обрабатывать двунаправленный текст. Новый элемент в HTML5. |
<bdo> | Переопределяет текущее направление текста. |
<big> | Определяет шрифт большего размера. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. |
<blockquote> | Определяет длинную цитату. |
<center> | Определяет выровненный по центру текст. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. |
<cite> | Помечает текст как цитату или сноску на другой материал |
<code> | Определяет фрагмент компьютерного кода. |
<del> | Определяет удаленный текст. |
<dfn> | Содержит определение термина или слова. По умолчанию, выделяется курсивом. |
<em> | Используется для акцентирования фрагмента текста. Выделяется курсивом. |
<font> | Определяет шрифт, цвет и размер текста. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. |
<i> | Выделяет фрагмент текста курсивным начертанием. |
<ins> | Определяет вставленный текст, который отображается подчеркнутым. |
<kbd> | Определяет вводимые пользователем нажатия клавиш или текст, набираемый на клавиатуре. |
<mark> | Содержит выделенный/подсвеченный текст.
Новый элемент в HTML5. |
<meter> | Определяет скалярную величину в том же диапазоне или графическое представление дробного числа. |
<pre> | Определяет предварительно отформатированный текст. |
<progress> | Определяет индикатора прогресса выполнения задачи (progress bar). Новый элемент в HTML5. |
<q> | Определяет короткую цитату. |
<rp> | Содержит альтернативный текст, который показывается в браузере, не поддерживающем тег <ruby>. Новый элемент в HTML5. |
<rt> | Содержит аннотации сверху или снизу от текста, заключенного в тег <ruby> (для западно-азиатских языков).
Новый элемент в HTML5. |
<ruby> |
Содержит аннотации сверху или снизу от текста, заключенного в тег <ruby> (для восточно-азиатских языков). Новый элемент в HTML5. |
<s> | Содержит текст, который уже не актуален. |
<samp> | Содержит результат вывода компьютерной программы или скрипта. |
<small> | Определяет текст, написанный мелким шрифтом. |
<strike> | Содержит перечеркнутый текст. Не поддерживается в HTML5. Рекомендуется использовать тег <del> или <s>. |
<strong> | Подчеркивает важность выделенного фрагмента текста. |
<sub> | Определяет текст с нижним индексом. |
<sup> | Определяет текст с верхним индексом. |
<template> | Определяет шаблон. |
<time> | Определяет время/дату. Новый элемент в HTML5. |
<tt> | Отображает шрифт моноширинным текстом. Не поддерживается в HTML5․ Рекомендуется использование CSS стилей. |
<u> | Определяет текст, стилистически отличающийся от обычного текста. |
<var> | Определяет математические/переменные величины. |
<wbr> | Указывает браузеру, что при необходимости можно сделать перенос строки.
Новый элемент в HTML5. |
Теги форм
Тег | Описание |
---|---|
<form> | Определяет форму в документе. |
<input> | Определяет элементы управления для пользовательского ввода различных данных в составе формы. |
<textarea> | Определяет текстовую область многострочного ввода. |
<button> | Используется для размещения кнопки внутри формы. |
<select> | Определяет раскрывающийся список. |
<optgroup> | Объединяет в одну группу связанные пункты в раскрывающемся списке. |
<option> | Содержит пункты раскрывающегося списка. |
<label> | Определяет текстовую метки для элемента <input>. |
<fieldset> | Группирует связанные элементы в форме. |
<legend> | Устанавливает заголовок для тега <fieldset>. |
<datalist> | Содержит список предопределенных вариантов для ввода. Новый элемент в HTML5. |
<keygen> | Генерирует пару ключей (открытый и закрытый), которые используются для шифрования и расшифровки данных форм. Новый элемент в HTML5. |
<output> | Определяет область для вывода результата вычислений. Новый элемент в HTML5. |
Теги для фреймов
Тег | Описание |
---|---|
<frame> | Определяет область фрейма. Не поддерживается в HTML5․ |
<frameset> | Определяет структуру фреймов. Не поддерживается в HTML5․ |
<noframes> | Определяет альтернативный контент для показа пользователям в случае, если показ фреймов отключен или не поддерживается вовсе. Не поддерживается в HTML5․ |
<iframe> | Определяет встроенную в документ область, в которой может отображаться содержимое отдельно взятого документа. |
Теги изображений
Тег | Описание |
---|---|
<img> | Определяет изображение. |
<map> | Определяет карту-изображение. |
<area> | Определяет интерактивную область внутри карты-изображения. |
<canvas> | Создает растровое двухмерное изображение при помощи скриптов (обычно с использованием языка JavaScript). Новый элемент в HTML5. |
<figcaption> | Содержит заголовок элемента <figure>. Новый элемент в HTML5. |
<figure> | Содержит контент, иллюстрирующий или поддерживающего определенную идею текста. Новый элемент в HTML5 |
<picture> | Контейнер для элементов <source>, которые содержат альтернативные версии изображения. Новый элемент в HTML5 |
<svg> | Контейнер для SVG графики. Новый элемент в HTML5 |
Теги аудио/видеофайлов
Тег | Описание |
---|---|
<audio> | Определяет аудио контент. Новый элемент в HTML5. |
<source> | Содержит несколько форматов медиа элементов (<video>, <audio> и <picture>). Новый элемент в HTML5. |
<track> | Содержит субтитры для медиа элементов (<video> и <audio>). Новый элемент в HTML5. |
<video> | Определяет видео контент.
Новый элемент в HTML5. |
Теги ссылок
Тег | Описание |
---|---|
<a> | Определяет гиперссылку. |
<link> | Устанавливает связь между документом и внешним ресурсом (в основном используется для ссылки на внешние таблицы стилей). |
<nav> | Определяет ссылки для навигации.
Новый элемент в HTML5. |
Теги списков
Тег | Описание |
---|---|
<ul> | Определяет маркированный список. |
<ol> | Определяет нумерованный список. |
<li> | Определяет элемент списка. |
<dir> | Определяет список с названиями директорий. Новый элемент в HTML5. |
<dl> | Определяет список описаний. |
<dt> | Определяет имя/термин в списке описаний. |
<dd> | Определяет значение в списке описаний. |
<menu> | Определяет список / меню команд (контекстные меню). |
<menuitem> | Определяет элемент контекстного меню, который пользователь может вызвать. Новый элемент в HTML5. |
Теги таблиц
Тег | Описание |
---|---|
<table> | Определяет таблицу. |
<caption> | Определяет название таблицы. |
<th> | Определяет заголовочную ячейку в таблице. |
<tr> | Определяет строку в таблице. |
<td> | Определяет ячейку в таблице. |
<thead> | Определяет заголовок в таблице, группируя содержимое строк. |
<tbody> | Определяет содержание (тело) таблицы. |
<tfoot> | Определяет нижний колонтитул таблицы. |
<col> | Определяет свойства столбцов для каждого столбца в теге <colgroup>. |
<colgroup> | Определяет группу столбцов в таблице. |
Теги для стилизации, семантические теги
Тег | Описание |
---|---|
<style> | Содержит код CSS (стиль). |
<div> | Определяет область в HTML документе. |
<span> | Контейнер для inline элементов. |
<header> | Определяет верхний колонтитул, “шапку” страницы или раздела.
Новый элемент в HTML5. |
<footer> | Определяет нижний колонтитул страницы или раздела. Новый элемент в HTML5. |
<main> | Определяет основной контент документа.
Новый элемент в HTML5 |
<section> | Группирует логически связанный контент/создает разделы страницы.
Новый элемент в HTML5 |
<article> | Обозначает раздела страницы, в котором содержится независимая, завершенная композиция с собственным смыслом.
Новый элемент в HTML5 |
<aside> | Определяет раздел, в котором содержится информация, дополняющая основной отдел.
Новый элемент в HTML5. |
<details> | Определяет дополнительные детали, которые пользователь может отобразить или скрыть.
Новый элемент в HTML5. |
<dialog> | Создает диалоговое окно, с которым непосредственно работает пользователь для выполнения определенных действий.
Новый элемент в HTML5 |
<data> | Содержит машинный аналог контента.
Новый элемент в HTML5 |
<summary> | Определяет видимый заголовок для тега <details>.
Новый элемент в HTML5 |
Теги метаданных
Тег | Описание |
---|---|
<head> | Содержит техническую информацию о документе, которая не показывается пользователю. |
<meta> | Содержит метаданные об HTML документе. |
<base> | Определяет базовый абсолютный URL для всех относительных URL-адресов в документе. |
<basefont> | Устанавливает по умолчанию цвет, размер, шрифт текста в документе. Не поддерживается в HTML5. |
Теги для определения кодов и скриптов
Тег | Описание |
---|---|
<script> | Определяет область для ввода клиентских сценариев. |
<noscript> | Определяет альтернативный контент, который отображается в браузерах, не поддерживающих скрипты. |
<applet> | Используется для вставки в документ апплетов, небольших программ, написанных на языке Java. Не поддерживается в HTML5. |
<embed> | Контейнер для интерактивного контента. |
<object> | Контейнер для мультимедийного контента (видео, Flash-ролики, апплеты, изображения и т.д.) |
<param> | Определяет параметры для плагинов, встроенных в элемент <object>. |
Практикуйте свои знания
Какие теги HTML используются для создания таблиц?
Правильный!
Неправильно!