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> Определяет параметр для объекта