HTML теги (имя тега, описание, значение свойства display)

9   (1)

HTML теги (имя тега, описание, значение свойства display)

Корневой элемент
<html></html> корневой элемент html-документа block
Служебные теги
<!—…—> комментарий none
<!DOCTYPE> объявление типа документа none
<head></head> контейнер для метаданных html-документа none
<title></title> заголовок / имя html-документа none
<meta> мета-данные веб-страницы none
<link> подключает внешние таблицы стилей none
<script></script> подключает сценарии к странице none
<style></style> подключает встраиваемые таблицы стилей none
<base> базовый url-адрес, относительно которого вычисляются относительные адреса none
<noscript></noscript> секция, не поддерживающая скрипт block
Таблицы
<table></table> html-таблица table
<tr></tr> строка таблицы table-row
<th></th> заголовок столбца таблицы table-cell
<td></td> ячейка таблицы table-cell
<thead></thead> блок заголовков таблицы table-header-group
<tbody></tbody> тело таблицы table-row-group
<tfoot></tfoot> нижний колонтитул таблицы table-footer-group
<caption></caption> подпись к таблице table-caption
<col> выбирает для форматирования столбцы table-column
<colgroup></colgroup> контейнер для одного или нескольких <col> table-column-group
Текст
<h1></h1> - <h6></h6> заголовки шести уровней block
<p></p> параграфы в тексте block
<br> перенос текста на новую строку none
<hr> горизонтальная линия block
<wbr> возможное место разрыва длинной строки none
<blockquote></blockquote> большая цитата block
<cite></cite> источник цитирования inline
<q></q> краткая цитата inline
<code></code> фрагмент программного кода inline
<kbd></kbd> текст, вводимый пользователем с клавиатуры inline
<pre></pre> выводит текст с пробелами и переносами block
<samp></samp> результат выполнения сценария inline
<var></var> выделяет переменные из программ inline
<del></del> перечёркивает текст, помечая как удаленный inline
<s></s> перечёркивает неактуальный текст inline
<dfn></dfn> выделяет термин курсивом inline
<em></em> выделяет важные фрагменты текста курсивом inline
<i></i> выделяет текст курсивом без акцента inline
<strong></strong> выделяет полужирным важный текст inline
<b></b> задает полужирное начертание отрывка текста, без дополнительного акцента inline
<ins></ins> подчёркивает изменения в тексте inline
<u></u> выделяет отрывок текста подчёркиванием, без дополнительного акцента inline
<mark></mark> выделяет фрагменты текста желтым фоном inline
<small></small> отображает текст шрифтом меньшего размера inline
<sub></sub> подстрочное написание символов inline
<sup></sup> надстрочное написание символов inline
<time></time> дата / время документа или статьи inline
<abbr></abbr> аббревиатура или акроним none
<address></address> контактные данные автора документа или статьи block
<bdi></bdi> изолирует текст, читаемый справа налево inline
<bdo></bdo> задаёт направление написания текста inline
<ruby></ruby> контейнер для Восточно-Азиатских символов и их расшифровки inline
<rp></rp> тег для скобок вокруг символов none
<rt></rt> расшифровка символов block
Изображения
<img> html-изображения inline
<map></map> активные области на карте-изображении inline
<area> гиперссылка с текстом или активная область внутри карты-изображения inline
<canvas></canvas> холст-контейнер для динамического отображения изображений inline-block
Ссылки
<a></a> гиперссылка inline
Списки
<ol></ol> упорядоченный нумерованный список block
<ul></ul> маркированный список block
<li></li> элемент списка list-item
<dl></dl> контейнер для термина и его описания block
<dt></dt> задаёт термин block
<dd></dd> расшифровывает термин block
Группировка контента
<body></body> тело html-документа block
<div></div> контейнер для разделов html-документа, группирует блочные элементы block
<span></span> контейнер для строчных элементов inline
<header></header> секция для вводной информации сайта или группы навигационных ссылок block
<footer></footer> секция для нижнего колонтитула документа или раздела block
<section></section> логическая область (раздел) страницы, обычно с заголовком block
<article></article> раздел контента, образующий независимую часть документа или сайта block
<aside></aside> контент страницы, имеющий косвенное отношение к основному контенту block
<nav></nav> раздел документа, содержащий навигационные ссылки по сайту block
<figure></figure> независимый контейнер для такого контента как изображения, диаграммы и т.п. block
<figcaption></figcaption> заголовок для элемента <figure> block
<details></details> контейнер с дополнительными сведениями, который можно открыть или закрыть block
<summary></summary> видимый заголовок для элемента <details> block
<main></main> контейнер для уникального основного содержимого в пределах одной страницы сайта block
Формы
<form></form> html-форма block
<input> многофункциональные поля формы inline-block
<textarea> многострочное поле формы inline-block
<label></label> текстовая метка для элемента <input> inline
<datalist></datalist> контейнер для выпадающего списка элемента <input> с <option>-значениями none
<select></select> элемент управления с выбором значений из предложенных вариантов <option> inline-block
<optgroup></optgroup> контейнер с заголовком для группы элементов <option> block
<option></option> вариант (опция) в раскрывающемся списке block
<fieldset></fieldset> группирует связанные элементы в форме block
<legend></legend> заголовок элементов формы, сгруппированных с помощью <fieldset> block
<button></button> интерактивная кнопка inline-block
<keygen> генерирует закрытый и открытый ключи inline-block
<progress></progress> индикатор выполнения задачи inline-block
<meter></meter> индикатор измерения в заданном диапазоне inline-block
<output></output> поле для вывода результата вычисления inline
Встраиваемый контент
<audio></audio> добавляет аудио-файлы inline-block
<video></video> добавляет видео-файлы inline-block
<source> указывает местоположение и тип альтернативных файлов для <audio> и <video> none
<track> субтитры для элементов <audio> и <video> none
<embed> встраивает внешний интерактивный контент или плагин inline-block
<object></object> контейнер для встраивания мультимедиа inline-block
<param> задаёт параметры для плагинов, встраиваемых с помощью элемента <object> none
<iframe></iframe> создаёт встроенный фрейм block
Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям
Автор:
Webitproff
461.0

услуги дизайна сайтов на Cotonti, разработка LANDING PAGE, Создание Landing Page, защита контента Landing Page, Поддержка и помощь сайтам фриланс-биржи на котонти, готовые сборки для быстрого старта.

  • Нет тегов

Торговая площадка «ABUYFILE»

Запомнить меня

или, если у Вас еще нет своего аккаунта

Зарегистрироваться