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