5. Основные HTML-элементы для текста


HTML-элементы для заголовков

Заголовки являются важными элементами веб-страницы, они упорядочивают текст, формируя его визуальную структуру. Элементы <h1>...<h6> должны использоваться только для выделения заголовков нового раздела или подраздела.

При использовании заголовков необходимо учитывать их иерархию, т.е. за <h1> должен следовать <h2> и т.д. Также не рекомендуется вкладывать в заголовки другие элементы.

<h1>Заголовок 1-го уровня</h1>
 <h2>Заголовок 2-го уровня</h2>
 <h3>Заголовок 3-го уровня</h3>
 <h4>Заголовок 4-го уровня</h4>
 <h5>Заголовок 5-го уровня</h5>
 <h6>Заголовок 6-го уровня</h6>

Элемент <p>

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

<p>Текст абзаца</p>

Элемент <br>

Переносит текст на следующую строку, создавая разрыв строки.

<p>Текст абзаца<br>Перенос на следующую строку</p>

Элемент <hr>

Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.

Элемент <b>

Задаёт полужирное начертания шрифта. Выделяет текст без акцента на его важность.

<b>Жирный текст</b>

Элемент <i>

Отображает шрифт курсивом.

<i>Курсивный текст</i>

Элемент <small>

Уменьшает размер шрифта на единицу по отношению к обычному тексту.

<small>Уменьшенный текст</small>

Элемент <sub>

Используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер.

<sub>Индекс</sub>

Элемент <sup>

Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.

<sup>Индекс</sup>

Элемент <del>

Перечёркивает текст. Используется для выделения текста, удаленного из документа.

<del>Зачеркнутый текст</del>

Элемент <ins>

Выделяет текст в новой версии документа, подчёркивая его.

<ins>Подчеркнутый текст</ins>