HTML теги

Теги это строительные блоки в HTML. Все что можно увидеть на веб-странице и с чем можно взаимодействовать реализовано при помощи тегов HTML.

Теги имеют следующий формат: <имя_тега атрибут1="значение" атрибут2="значение">данные</имя_тега> (например, <a href='something.html' title='something'>Ссылка</a>) или <имя_тега атрибут1="значение" атрибут2="значение" /> (например, <input type="text" name="bob" />).

В данном справочнике содержится информация обо всех тегах HTML 4.01 и HTML5 с описанием, примерами и атрибутами.

Базовые теги

<!--...-->Вставляет комментарии
bodyОпределяет тело HTML документа
brВставляет разрыв строки
DOCTYPEДекларация типа HTML документа
h1-h6Определяют HTML заголовки
hrОпределяет тематический разрыв контента
htmlОпределяет, что это HTML-документ
pОпределяет текстовый параграф
titleОпределяет титульный заголовок страницы

Ссылки

aОпределяет гипертекстовую ссылку
linkОпределяет ссылку на внешний ресурс
navОпределяет набор ссылок навигации

Форматирование

abbrОпределяет аббревиатуру
acronymОпределяет акроним
addressОпределяет информацию об авторе статьи или документа
bОпределяет жирное начертание текста
bdiИзолирует текст от изменения направления вывода
bdoУстанавливает направление вывода текста
bigУвеличивает размер текста
blockquoteОпределяет цитату внутри документа
centerИспользуется для выравнивания текста по центру
citeОпределяет название работы, цитату или сноску на другой документ
codeОпределяет программный код
delОпределяет удаленный текст
dfnОпределяет первое появление нового термина
emОпределяет акцентированный текст
fontОпределяет характеристики шрифта текст
iУстанавливает начертание текста курсивом
insОпределяет новый добавленный текст
kbdОпределяет текст, набранный на клавиатуре
markОпределяет выделенный текст
meterОпределяет оценочный индикатор
preОпределяет заранее форматированный текст
progressОпределяет индикатор прогресса выполнения задачи
qОпределяет короткую цитату внутри документа
rpОпределяет текст для вывода в браузерах, не поддерживающих элемент <ruby>
rtОпределяет небольшую аннотацию к тексту
rubyПредназначен для добавления небольшой аннотации
sОпределяет нерелевантный текст
sampОпределяет текст, который является результатом вывода компьютерной программы
smallУменьшает размер текста
strikeОпределяет перечеркнутый текст
strongОпределяет важный текст
subОпределяет текст в виде нижнего индекса
supОпределяет текст в виде верхнего индекса
timeОпределяет дату/время
ttОпределяет телетайпный текст
uОпределяет подчеркнутый текст
varОпределяет переменную компьютерной программы
wbrОпределяет место для переноса строки в тексте

Программные объекты

appletВставляет в код страницы Java апплет
embedОпределяет контейнер для внешнего приложения
noscriptОпределяет контент, который будет отображаться, если браузер не поддерживает скрипты
objectВставляет в код страницы программный объект
paramОпределяет параметры для программных объектов
scriptОпределяет скрипты, исполняемые на стороне пользователя

Изображения

areaОпределяет активные области в карте-изображении
canvasОпределяет область, в которой можно рисовать при помощи скриптов
figcaptionОпределяет подпись к элементу <figure>
figureИспользуется для группирования различных самодостаточных элементов
imgВставляет изображение
mapОпределяет карту-изображение

Семантика и стили

articleОпределяет автономный контент
asideОпределяет блок сбоку от основного контента
detailsОпределяет дополнительную информацию
dialogСоздает диалоговое окно
divОпределяет блок кода HTML документа
footerОпределяет "подвал" документа или раздела
headerОпределяет "шапку" документа или раздела
mainОпределяет основное содержимое документа
sectionОпределяет раздел документа
spanИспользуется для группирования строчных элементов
styleОпределяет CSS стили на уровне веб-страницы
summaryОпределяет заголовок для элемента <details>

Аудио и видео

audioПозволяет в браузере проигрывать звуковые файлы
sourceОпределяет медиа ресурс для медиа элементов
trackОпределяет текстовую дорожку для медиа элементов
videoПозволяет в браузере проигрывать видео файлы

Мета-информация

baseОпределяет базовые URL для ссылок на странице
basefontОпределяет цвет, размер и шрифт текста по умолчанию
headЯвляется контейнером для всех головных элементов документа
metaОпределяет мета-информацию о HTML документе

Формы и элементы ввода

buttonОпределяет кнопку формы
datalistОпределяет предопределенные варианты значений для элемента <input>
fieldsetИспользуется для группирования родственных элементов формы
formИспользуется для создания HTML форм
inputОпределяет поле ввода HTML формы
keygenОпределяет поле-генератор ключей
labelОпределяет метку для элемента <input>
legendОпределяет заголовок для элемента <fieldset>
optgroupИспользуется для группирования родственных вариантов выбора
optionОпределяет отдельные пункты в выпадающем списке выбора
outputПредставляет результаты вычислительных операций
selectИспользуется для создания выпадающего списка
textareaОпределяет многострочное текстовое поле ввода

Таблицы

captionОпределяет пояснительный заголовок таблицы
colОпределяет свойства для каждого столбца таблицы
colgroupОпределяет группу из одного или более столбцов таблицы для форматирования
tableОпределяет HTML таблицу
tbodyГруппирует основное содержимое HTML таблицы
tdОпределяет стандартную ячейку HTML таблицы
tfootГруппирует содержимое нижнего колонтитула HTML таблицы
thОпределяет заголовочную ячейку HTML таблицы
theadГруппирует содержимое верхнего колонтитула HTML таблицы
trОпределяет строку HTML таблицы

Списки

ddИспользуется для создания определения термина в списке определений
dirОпределяет список директорий (системных папок)
dlСоздает список определений
dtСоздает термин в списке определений
liСоздает элемент списка
menuОпределяет список/меню команд
menuitemОпределяет команду/пункт меню
olСоздает упорядоченный (нумерованный) список
ulСоздает неупорядоченный (маркированный) список

Фреймы

frameОпределяет фрейм внутри фреймовой структуры
framesetОпределяет фреймовую структуру
iframeОпределяет встроенный фрейм
noframesОпределяет информацию, которая выводится, когда нет поддержки фреймов