Содержание

Список HTML тегов на одной странице. Справочник по тегам HTML5

Тег Краткое описание
<!—…—> Комментарий. Подробнее
<!DOCTYPE> Определяет тип документа. Подробнее
<a> Ссылка, гиперссылка, якорь. Подробнее
<abbr> Определяет текст как аббревиатуру. Подробнее
<address> Контактная информация автора или владельца документа. Подробнее
<area> Определяет область на карте-изображении
<article> Статья
<aside> Контент в стороне (содержимое не является основным на странице по смыслу)
<audio> Позволяет вставить воспроизводимый аудио файл. Подробнее
<b> Полужирный текст. Подробнее
<base> Задает базовый URL или атрибут target для относительных ссылок в документе. Подробнее
<bdi> Область, где написание текста может имееть другое направления. Подробнее
<bdo> Устанавливает направление написания текста. В отличии от <bdi> направление указывается физическое направление Подробнее
<blockquote> Цитата. Подробнее
<body> Указывает область body документа. Подробнее
<br> Перенос строки. Подробнее
<button> Кликабельная кнопка. Подробнее
<canvas> Используется для рисовании графики с помощью скриптов
<caption> Подпись таблицы. Подробнее
<cite> Сноска на название материала. Подробнее
<code> Используется для вставки компьютерного кода в текстовом виде. Подробнее
<col> Задает характеристики колонок в таблице. Подробнее
<colgroup> Определяет группу из одной или более колонок таблицы для форматирования. Подробнее
<datalist> Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле. Подробнее
<dd> Определяет описание термина из тега <dt> в списке терминов <dl>. Подробнее
<del> Текст, который удален в новой версии документа. Подробнее
<details> Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть. Подробнее
<dfn> Указывает, что содержимое является термином. Подробнее
<dialog> Определяет диалоговое окно или интерактивный элемент
<div> Блочный элемент — один из основных элементов верстки. Подробнее
<dl> Определяет список определений. Подробнее
<dt> Название термина в списке определений <dl>. Подробнее
<em> выделенный по смыслу текст (обычно, текст выделенный курсивом). Подробнее
<embed> Контейнер для внешнего приложения
<fieldset> Группа связанных элементов в форме. Подробнее
<figcaption> Заголовок для <figure> элемента
<figure> Определяет автономную группу из нескольких элементов (например картинка с подписью)
<footer> Нижний колонтитул
<form> Определяет форму пользовательского ввода. Подробнее
<h2> — <h6> Заголовки HTML разного уровня: <h2>, <h3>, <h4>, <h5>, <h5>, <h6>. Подробнее
<head> Указывает область head документа. Подробнее
<header> Блок заголовка
<hr> Горизонтальная линия — тематический разделитель. Подробнее
<html> Корневой элемент. Сообщает браузеру, что данный документ является HTML документом. Подробнее
<i> Выделяет текст курсивом. Подробнее
<iframe> Определяет встроенный фрейм
<img> Изображение, картинка. Подробнее
<input> Поле для ввода, элемент формы. Подробнее
<ins> Текст, который был добавлен в новой версии документа. Подробнее
<kbd> Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом. Подробнее
<label> Метка для поля ввода. Обычно содержит подпись поля. Подробнее
<legend> Заголовок элементов <fieldset>. Подробнее
<li> Элемент списка. Подробнее
<link> Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS). Подробнее
<main> Основной контент
<map> Контейнер для <area>. Определяет пользовательскую карту на изображении
<mark> Выделенный текст (обычно с помощью подсветки фона). Подробнее
<menu> Контейнер для списка пунктов меню
<menuitem> Определяет элементы, которые пользователь может вызвать из контекстного меню
<meta> Используется для определения мета-данных документа. Подробнее
<meter> Измеритель значений в заданном диапазоне
<nav> Контейнер для навигационных элементов
<noscript> Альтернативный контент для пользователей, отключивших скрипты
<object> Определяет встроенный объект
<ol>
Определяет нумерованный список. Подробнее
<optgroup> Определяет группу связанных вариантов в выпадающем списке. Дает название группы. Подробнее
<option> Параметр (вариант выбора) в выпадающем списке. Подробнее
<output> Результат вычислений. Подробнее
<p> Абзац. Подробнее
<param> Задает параметры для встроенных объектов
<picture> Контейнер для нескольких изображений
<pre> Предварительно отформатированный текст. Подробнее
<progress> Индикатор выполнения (прогресса)
<q> Цитата в тексте. Подробнее
<rp> Альтернативный текст, если браузер не поддерживает тег <ruby>. Подробнее
<rt> Аннотация к содержимому тега <ruby>. Подробнее
<ruby> Контейнер для символов и их расшифровки (в основном для Восточно-азиатских символов, иероглифов). Подробнее
<s> Перечеркнутый текст. Подробнее
<samp> Текст, являющийся результатом выполнения компьютерной программы (обычно выводится моноширинным шрифтом). Подробнее
<script> Определяет скрипт или подключение скрипта из внешнего ресурса. Подробнее
<section> Раздел
<select> Определяет выпадающий список или список с множественным выбором. Подробнее
<small> Текст шрифтом меньшего размера. Подробнее
<source> Определяет ресурс для тегов <video>, <audio> и <picture>. Подробнее
<span> Строчный элемент. Подробнее
<strong> Текст, выделенный по значению. Обычно отображается полужирным. Подробнее
<style> Определяет контейнер для определения CSS стилей документа. Подробнее
<sub> Отображает текст в виде нижнего индекса. Подробнее
<summary> Заголовок внутри тега <details>. Подробнее
<sup> Отображает текст в виде верхнего индекса. Подробнее
<table> Определяет таблицу. Подробнее
<tbody> Определяет область контента в таблице. Подробнее
<td> Ячейка в таблице <table>. Подробнее
<textarea> Многострочное поле для ввода. Подробнее
<tfoot> Определяет группу строк в нижней части таблицы <table> — нижний колонтитул. Подробнее
<th> Ячейка — заголовок в таблице <table>. Подробнее
<thead> Определяет группу строк в верхней части таблицы <table> — верхний колонтитул. Подробнее
<time> Дата и/или время. Подробнее
<title> Заголовок HTML документа. Подробнее
<tr> Определяет строку в таблице. Подробнее
<track> Определяет текстовую дорожку для тегов <video> и <audio> Подробнее
<ul> Определяет маркированный список. Подробнее
<var> Используется для обозначения содержимого тега как переменной. Подробнее
<video> Позволяет вставить воспроизводимое видео. Подробнее
<wbr> Место, где допускается перенос строки. Подробнее

Базовые теги в HTML

Как мы уже отмечали ранее, теги заключаются в угловые скобки <>. В закрывающем теге также используется косая черта (слеш) </>. Ниже приведем теги, которые используются чаще других.

  • Теги <h2>-<h6> для заголовков
  • Тег <p> для обозначения абзаца
  • Тег <img/> для вставки изображений
  • Тег <a> для вставки ссылок

Теги <h2> to <h6> используются для структурирования заголовков. В HTML используются 6 уровней HTML заголовков, от <h2> до <h6>. <h2> используется для обозначения самого важного, а <h6> наименее важного заголовков.

Теги <h2>-<h6> для заголовков ¶

Пример¶

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы </title>
   </head>
   <body>
      <h2>Заголовок первого уровня</h2>
      <h3>Заголовок второго уровня</h3>
      <h4>Заголовок третьего уровня</h4>
      <h5>Заголовок четвертого уровня</h5>
      <h5>Заголовок пятого уровня</h5>
      <h6>Заголовок шестого уровня</h6>
   </body>
</html>
Попробуйте сами!

Результат¶

Парный тег <p> используется для разграничения абзацев. Браузеры по умолчанию добавляют отступы до <p> и после </p>

Пример¶

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы </title>
   </head>
   <body>
      <h2>Пример использования тега &lt;br&gt;</h2>
      <p> Внутри абзаца мы можем вставить тег &lt;br /&gt;, <br /> чтобы перенести часть текста на другую строку в случае необходимости.</p>
</body>
</html>
Попробуйте сами!

Результат¶

Для вставки HTML изображений используется одинарный тег <img/>.

Пример¶

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы </title>
   </head>
   <body>
       <h2>Пример изображения</h2>
       <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq"/>
  </body>
</html>
Попробуйте сами!

Результат¶

Для создания HTML ссылок используется тег <a> (также известный как анкор).

Пример¶

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы </title>
   </head>
   <body>
        <a href="https://www.w3docs.com/">https://ru.w3docs.com</a>
   </body>
</html>
Попробуйте сами!

Результат¶

Теги по категориям | справочник HTML

ТегОписание
Chrome

Firefox

Opera

Safari

IExplorer

Edge
<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>Выделенный/подсвеченный текст.6.04.011.15.09.012.0
<meter>Предназначен для отображения скалярной величины в заданном диапазоне, или же для графического представления дробного числа. Для использования данного тега должно быть известно максимальное значение.8.06.011.06.0Нет13.0
<pre>Определяет предварительно отформатированный текст, т.е. текст, который был помещён внутрь тега отобразится со шрифтом фиксированной ширины, и сохранит как пробелы, так и разрывы строкДаДаДаДаДаДа
<progress>Предоставляет обратную связь, сообщая о состоянии текущего процесса, отображает какая часть задачи выполнена.8.016.011.06.010.012.0
<q>Используется для выделения коротких цитат (строчная цитата).ДаДаДаДаДаДа
<rp>Определяет, что отображать браузеру, который не поддерживает тег <ruby>5.038.015.05.05.512.0
<rt>Помещает полезный текст фуриганы в составе элемента <ruby>5.038.015.05.05.512.0
<ruby>Используются для добавления фуриган (фонетические подсказки в японском языке, их также называют — руби или ёмигана).5.038.015.05.05.512.0
<s>Определяет текст, который больше не является правильным или актуальным.ДаДаДаДаДаДа
<samp>Результат вывода компьютерной программы или скрипта.ДаДаДаДаДаДа
<small>Шрифт, который отображается меньшим размером(мелкий/юридический шрифт).ДаДаДаДаДаДа
<strike>Не поддерживается в HTML5.
Отображает перечеркнутый текст. Используйте вместо данного элемента тег <del> или тег <s>
ДаДаДаДаДаДа
<strong>Текст, которому придают особое значение (важный текст).ДаДаДаДаДаДа
<sub>Текст с нижним индексом. ДаДаДаДаДаДа
<sup>Текст с верхним индексом.ДаДаДаДаДаДа
<time>Тег временной разметки (семантическая разметка).6.04.011.15.09.012.0
<tt>Не поддерживается в HTML5.
Отображает шрифт моноширинным текстом. Используйте CSS вместо данного элемента.
ДаДаДаДаДаДа
<u>Содержит в себе текст, который должен стилистически отличаться от обычного текста, например слова с орфографическими ошибками или текст на другом языке.ДаДаДаДаДаДа
<var>Математические/переменные величины.ДаДаДаДаДа12.0
<wbr>Предоставляет возможность указать браузеру, что при необходимости в этом месте можно сделать перенос строки (например, слишком длинное слово или URL).1.03.011.74.0НетДа

Таблица HTML тегов

<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.

Базовые теги HTML — Джино • Журнал

Продолжаем знакомиться с языком разметки HTML, основой основ большинства сайтов в интернете. Раньше мы уже рассказывали об этом языке, а теперь изучим самые простые и самые необходимые теги и их атрибуты в HTML.

Напомним, что теги и атрибуты — это инструменты, с помощью которых контент на странице сайта организовывается тем или иным образом. Атрибуты прописываются внутри тегов и имеют рядом с собой знак «=», а сами теги всегда заключаются в угловые скобки. Почти все теги в HTML являются парными и окружают с двух сторон ту часть контента, к которой они должны быть применены. Первый, открывающий, тег пишется без дополнительных символов, а во втором, закрывающем, теге после первой скобки появляется знак «/».

Основное

<html></html> Сигнализирует браузеру, что он имеет дело с HTML-документом.

<head></head> Очерчивает часть документа, которая не видна на странице. Предназначен для тега названия, для размещения счётчиков веб-аналитики и не только.

<title></title> Тот самый тег названия документа, его содержимое отображается в ярлыке вкладки браузера.

<body></body> Ограничивает часть документа, которая видна на странице. О том, какие теги здесь могут использоваться, мы покажем далее.

Оформление текста

<i></i> Выделяет текст курсивом.

<b></b> Делает текст полужирным.

<u></u> Подчёркивает текст.

<s></s> Зачёркивает текст.

<cite></cite> Предназначается для оформления цитат.

<tt></tt> Имитирует шрифт печатной машинки.

<code></code> Выделяет текст шрифтом Monospace, который используется для оформления фрагментов кода.

<font size=?></font> Определяет размер текста с помощью значений от 1 до 7, которые нужно подставлять вместо вопросительного знака.

<font color=?></font> Определяет цвет текста с помощью формата RRGGBB. Шестизначный код цвета так же вставляется вместо вопросительного знака.

Организация текста

<h2></h2> Оформляет текст в виде самого большого заголовка.

<h6></h6> Оформляет текст в виде самого маленького заголовка. Также можно использовать промежуточные значения 2, 3, 4, 5: чем больше цифра, тем меньше значимость заголовка в структуре текста.

Заголовок h6

<p></p> Оформляет абзац.

<p align=?> Выравнивает абзац нужным образом. Вместо вопросительного знака здесь можно поставить одно из четырёх значений: left (по левому краю), right (по правому краю), justify (по ширине) или center (по центру).

<br> Добавляет перенос
строки.

<blockquote></blockquote> Вставляет отступы с обеих сторон текста.

<ol></ol>

    Предназначается
  1. для
  2. нумерованных
  3. списков.

<ul></ul>

    Оформляет
  • ненумерованный
  • список.

<li> Сопровождает каждый пункт в списке, обозначая его цифрой или маркером — в зависимости от типа списка.

Работа со ссылками

<a href="URL">ТЕКСТ</a> «Зашивает» ссылку в нужный фрагмент текста. Адрес ссылки вставляется вместо «URL», а текст по умолчанию окрашивается в синий цвет и подчёркивается.

<a href="URL"> <img src="imgURL"></a> Добавляет ссылку, которая открывается при нажатии на картинку. Адрес картинки ставится вместо «imgURL».

<a href="#якорь">ТЕКСТ</a> С помощью этого тега можно сослаться на «якорь» — определённый фрагмент внутри просматриваемой страницы. К примеру, якоря используется для быстрого перехода из оглавления к соответствующей части статьи. Вместо «ТЕКСТ» в первом теге необходимо поместить слово или фразу, нажав на которую, можно будет перейти в нужный участок страницы. А там, куда нужно привести читателя, необходимо добавить атрибут id="якорь" в любой тег. Например, по этой ссылке можно перейти в раздел «Основное» в начале статьи.

Работа с графикой

<img src="URL"> Добавляет изображение. Вместо «URL» нужна ссылка на необходимый файл.

<img src="URL" align=?> Как и в <p align=?>, этот параметр выравнивает изображение нужным образом, однако здесь применяется уже шесть значений: left (слева), right (справа) и center (по центру), а также bottom (внизу), top (вверху) и middle (посередине)

<img src="URL" border=?> Создаёт рамку в виде сплошной линии вокруг изображения. Вместо вопросительного знака можно указать любое целое положительное число. Чем больше число, тем толще рамка.

<body background="URL"> Атрибут background в теге <body> позволяет установить картинку в качестве фона страницы.

<hr> Создаёт сплошную горизонтальную линию.

Вы можете проверить работу всех перечисленных выше тегов, создавая свои собственные HTML-документы. Для этого подойдёт даже Microsoft Office Word или другой текстовый редактор. Необходимо лишь сохранить файл с кодом в формате .html. Но также существуют и HTML-редакторы, которые предназначены для работы с этим языком — о них мы расскажем в одной из наших следующих статей.

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 документа
h2-h6Определяют HTML заголовки
hrОпределяет тематический разрыв контента
htmlОпределяет, что это HTML-документ
pОпределяет текстовый параграф
titleОпределяет титульный заголовок страницы
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Определяет место для переноса строки в тексте
buttonОпределяет кнопку формы
datalistОпределяет предопределенные варианты значений для элемента <input>
fieldsetИспользуется для группирования родственных элементов формы
formИспользуется для создания HTML форм
inputОпределяет поле ввода HTML формы
keygenОпределяет поле-генератор ключей
labelОпределяет метку для элемента <input>
legendОпределяет заголовок для элемента <fieldset>
optgroupИспользуется для группирования родственных вариантов выбора
optionОпределяет отдельные пункты в выпадающем списке выбора
outputПредставляет результаты вычислительных операций
selectИспользуется для создания выпадающего списка
textareaОпределяет многострочное текстовое поле ввода
frameОпределяет фрейм внутри фреймовой структуры
framesetОпределяет фреймовую структуру
iframeОпределяет встроенный фрейм
noframesОпределяет информацию, которая выводится, когда нет поддержки фреймов
areaОпределяет активные области в карте-изображении
canvasОпределяет область, в которой можно рисовать при помощи скриптов
figcaptionОпределяет подпись к элементу <figure>
figureИспользуется для группирования различных самодостаточных элементов
imgВставляет изображение
mapОпределяет карту-изображение
audioПозволяет в браузере проигрывать звуковые файлы
sourceОпределяет медиа ресурс для медиа элементов
trackОпределяет текстовую дорожку для медиа элементов
videoПозволяет в браузере проигрывать видео файлы
aОпределяет гипертекстовую ссылку
linkОпределяет ссылку на внешний ресурс
navОпределяет набор ссылок навигации
ddИспользуется для создания определения термина в списке определений
dirОпределяет список директорий (системных папок)
dlСоздает список определений
dtСоздает термин в списке определений
liСоздает элемент списка
menuОпределяет список/меню команд
menuitemОпределяет команду/пункт меню
olСоздает упорядоченный (нумерованный) список
ulСоздает неупорядоченный (маркированный) список
captionОпределяет пояснительный заголовок таблицы
colОпределяет свойства для каждого столбца таблицы
colgroupОпределяет группу из одного или более столбцов таблицы для форматирования
tableОпределяет HTML таблицу
tbodyГруппирует основное содержимое HTML таблицы
tdОпределяет стандартную ячейку HTML таблицы
tfootГруппирует содержимое нижнего колонтитула HTML таблицы
thОпределяет заголовочную ячейку HTML таблицы
theadГруппирует содержимое верхнего колонтитула HTML таблицы
trОпределяет строку HTML таблицы
articleОпределяет автономный контент
asideОпределяет блок сбоку от основного контента
detailsОпределяет дополнительную информацию
dialogСоздает диалоговое окно
divОпределяет блок кода HTML документа
footerОпределяет «подвал» документа или раздела
headerОпределяет «шапку» документа или раздела
mainОпределяет основное содержимое документа
sectionОпределяет раздел документа
spanИспользуется для группирования строчных элементов
styleОпределяет CSS стили на уровне веб-страницы
summaryОпределяет заголовок для элемента <details>
baseОпределяет базовые URL для ссылок на странице
basefontОпределяет цвет, размер и шрифт текста по умолчанию
headЯвляется контейнером для всех головных элементов документа
metaОпределяет мета-информацию о HTML документе
appletВставляет в код страницы Java апплет
embedОпределяет контейнер для внешнего приложения
noscriptОпределяет контент, который будет отображаться, если браузер не поддерживает скрипты
objectВставляет в код страницы программный объект
paramОпределяет параметры для программных объектов
scriptОпределяет скрипты, исполняемые на стороне пользователя

Справочник тегов HTML — Веб учебники

= Новые теги в HTML5.

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

HTML-теги на HTML.com

HTML-тег Элемент использовался для указания стилей типографского отображения. Он устарел, и вместо этого шрифты следует стилизовать с помощью CSS.
Элемент HTML Figure: вот как он определяет автономное содержимое Элемент
определяет автономное содержимое, связанное с основным содержимым, например изображение, таблицу или диаграмму. Элемент
часто вложен в элемент
, чтобы добавить заголовок к содержимому, идентифицированному тегами
.
Как выровнять текст по центру с помощью CSS [HTML не рекомендуется] Элемент
использовался для определения текста, который должен быть центрирован при отображении в браузере. Однако этот элемент устарел, и правильный и современный способ выравнивания текста по центру — с помощью CSS.
HTML-код: его можно использовать, но поддерживает ли его ваш браузер? Элемент используется для определения значений автозаполнения для связанного элемента .Предлагаемые значения автозаполнения добавляются в список данных путем вложения одного или нескольких элементов
Как использовать (для создания гиперссылок) в HTML Элемент или элемент привязки, он используется для создания гиперссылки на другую веб-страницу или другое место на той же веб-странице. Гиперссылка, созданная элементом привязки, применяется к тексту, изображению или другому содержимому HTML, вложенному между открывающим и закрывающим тегами .
Заголовок таблицы HTML: вот код для его создания Элемент
используется для добавления заголовка к таблице HTML. должен появляться в документе HTML как первый потомок родительского , но его можно визуально разместить внизу таблицы с помощью CSS.
Параметры ссылки HTML, проиллюстрированные примерами кода Элемент используется для определения связи между документом HTML и внешним ресурсом.Этот элемент чаще всего используется для определения отношения между документом и одной или несколькими внешними таблицами стилей CSS.
Элемент Blink в коде: вот почему это плохая идея Элемент был экспериментальной функцией, с помощью которой можно было заставить замкнутый текст мигать. Он никогда не добавлялся в спецификацию HTML и не должен использоваться современными веб-сайтами.
Создание кнопки с помощью элемента HTML Button: вот как Элемент
Правильное использование сильного элемента в HTML (пример кода Plus) Элемент используется для идентификации текста, который имеет большее значение, чем окружающий текст. По умолчанию все браузеры отображают текст жирным шрифтом.
: Это код для объявления DOCTYPE в HTML5 Объявление используется для информирования браузера посетителя веб-сайта о том, что отображаемый документ является документом HTML. Хотя на самом деле это не элемент HTML, каждый документ HTML должен иметь объявление DOCTYPE, чтобы соответствовать стандартам HTML.
Элемент статьи HTML: узнайте, когда (и где) использовать его сейчас Элемент
идентифицирует автономный фрагмент контента, который теоретически может быть распространен на другие веб-сайты и платформы как отдельная единица.Элемент
— хороший выбор для размещения целых сообщений в блогах, новостных статей и подобного контента.
HTML-тег Элемент генерирует пару открытого и закрытого ключей и отправляет открытый ключ на сервер с отправкой формы. Предполагается, что этот элемент устарел и не имеет широкой поддержки браузерами.
HTML-тег
Элемент
— это структурный элемент, используемый для идентификации нижнего колонтитула страницы, документа, статьи или раздела.
обычно содержит информацию об авторских правах и авторстве или элементы навигации, относящиеся к содержимому родительского элемента.
HTML-заголовки: полное руководство по добавлению заголовков для структуры документа Элементы

,

,

,

,
и
используются для создания заголовков в по убыванию важности, где

является наиболее важным, а

наименее важным.
Тег HTML
Элемент
может дополнительно использоваться для группировки связанных полей в форме HTML.
Тег HTML Элемент
Тег комментария HTML: вот как его использовать в вашем коде Этот элемент используется для добавления комментария к документу HTML.Комментарий HTML начинается с , а закрывается с ––> . Комментарии HTML видны всем, кто просматривает исходный код страницы, но не отображаются при отображении документа HTML в браузере.
Быстрое и легкое создание HTML-таблицы с помощью нашего примера кода Элемент используется вместе с дочерними элементами, такими как ,
, и другими, для добавления табличных данных в документ HTML.
Новый аудиоэлемент HTML: освоите это сейчас с помощью нашего примера кода Элемент
Дополнительный элемент HTML5: вот хорошее (и не очень) его использование Элемент
Abbr HTML-тег: когда его использовать с сокращениями Элемент используется вместе с атрибутом title для связывания полнотекстового объяснения с аббревиатурой или акронимом. Посетители веб-сайта не видят текст в атрибуте title, но браузеры, поисковые системы и вспомогательные технологии используют эту информацию.
Все еще используете теги HTML Marquee? Узнайте, почему их не рекомендуют Элемент использовался для обозначения текста, который должен перемещаться по определенному разделу веб-страницы в горизонтальном или вертикальном направлении. Элемент устарел и больше не должен использоваться. Для создания подобных эффектов можно использовать CSS или JavaScript.
Как использовать ввод для создания полей формы в HTML: Easy Tutorial Элемент используется для создания полей формы, которые принимают вводимые пользователем данные.Элементы формы могут быть представлены множеством различных способов, включая простые текстовые поля, кнопки, флажки, раскрывающиеся меню и многое другое, путем установки соответствующего значения атрибута type элемента ввода.
Код HTML-формы для начинающих (и когда его использовать) Элемент
используется для создания HTML-формы. Элемент на самом деле не создает поля формы, но используется в качестве родительского контейнера для хранения полей формы, таких как элементы и