Основные теги структуры и контента
<!DOCTYPE html>
- объявление типа документа HTML.<html></html>
- корневой элемент HTML страницы.<head></head>
- содержит мета-информацию о странице (невидимую на самой странице).<body></body>
- содержит видимую часть HTML страницы.<div></div>
- блочный элемент-контейнер для группировки других элементов.<span></span>
- строчный элемент-контейнер, аналог<div>
для части строки.<h1>
-<h6>
- заголовки уровней от 1 (самый крупный) до 6 (самый мелкий).<a></a>
- создание гиперссылки (основной атрибут -href
).<p></p>
(paragraph) - создание параграфа текста (игнорирует лишние пробелы и переносы строк в коде).<pre></pre>
(preformatted text) - создание блока текста, сохраняющего все пробелы, знаки табуляции и переносы строк из HTML-кода.<title></title>
- задает текст заголовка страницы, отображаемый во вкладке браузера и в результатах поиска (размещается внутри<head>
).<img>
(image) - вставка изображения (основной атрибут -src
).<blockquote></blockquote>
- выделяет блок текста как цитату (обычно с отступами).
Теги форматирования текста
<hr>
(horizontal rule) - определяет тематический разрыв в контенте, отображается в виде горизонтальной линии.<br>
(line break) - принудительный перенос строки (аналог\n
).<b></b>
(bold) - выделяет текст жирным (визуальное форматирование).<i></i>
(italic) - выделяет текст курсивом (визуальное форматирование).<em></em>
(emphasis) - выделяет текст с акцентом (семантическое значение, обычно отображается курсивом).<strong></strong>
- выделяет текст как важный (семантическое значение, обычно отображается жирным).<small></small>
- делает размер текста меньше стандартного.<del></del>
(delete) - выделяет удалённый текст (отображаетсязачеркнутым).<ins></ins>
(insert) - выделяет добавленный текст (отображается подчеркнутым).<s></s>
(strike) - делает текстзачёркнутым(стилистическое значение).<u></u>
(underline) - делает текст подчёркнутым (стилистическое значение, использовать осторожно из-за схожести с ссылками).<sub></sub>
- делает текст подстрочным.<sup></sup>
- делает текст надстрочным.<dfn></dfn>
(definition) - выделяет термин, упоминаемый впервые (обычно отображается курсивом).<q></q>
(quote) - используется для указания коротких цитат внутри строки (браузер обычно добавляеткавычки
).
〰〰〰 𓆝 𓆟 𓆞 𓆝 𓆟 𓆝 𓆟 𓆞 〰〰〰