Таблица HTML элементов

Приветствую всех пользователей портала FOR-WEB.Ru. Продолжая тематику HTML хотел бы предложить Вам таблицу со всеми html тегами и небольшим описанием к ним. Таблица содержит полный список элементов поддерживаемых в HTML4 и HTML5 .

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

Информация

Посетители, находящиеся в группе Гости, не могут скачивать файлы с нашего сайта.

Пожалуйста зарегистрируйтесь или авторизируйтесь для доступа к файлу.

У данной публикации нет комментариев.

Ublogi

Автор

1-09-2020, 15:14

Дата пуликации

HTML

Категория

Комментариев: 0
Просмотров: 567

HTML

Расшифровка html тегов

CSS

Цвета в CSS

php

Скрипт для поиска внешних ссылок

Блог / Иконки, Кнопки / Шрифты,Текст

Шрифт Font Awesome

SQL

Правка значения AUTO_INCREMENT

Статистика

1 посетитель на сайте. Из них:

Гости1

Комментарии

Ссылка ведет на реферальную ссылку. Мне бы достать ориг этого скрипта т.к у меня есть копия, но надо откатить некоторые правки... да в 2k25 я использую подобные скрипты значит в этом есть смысл другое вам знать не нужно..

24 августа 2025 20:35

kouttepe

Ссылка на скачку не работает

22 июля 2025 21:37

Ilya5412

Ссылка на скачивание не рабочая

31 августа 2023 18:55

smoky

Ссылка нерабочая

28 августа 2023 16:17

Mandarin4ik2007

Ublogi,
дайте ссылку на скачивание

7 августа 2023 11:24

mandarin4ik

Бесплатный хостинг с поддержкой PHP, MySQL, Python. Это отличная возможность проверить работу своего сайта на настоящем хостинге без рекламы. Заказать хостинг

Скачать файл бесплатно

Ublogi

1-09-2020, 15:14

HTML

Авторизация