Текстовые теги отвечают за оформление и структуру текста на странице. Они помогают разбивать текст на абзацы, расставлять переносы, вставлять цитаты и указывать адреса.

1. Абзац — <p>

Тег <p> создаёт абзац. Браузер автоматически добавляет отступы сверху и снизу между абзацами.

<p>Это первый абзац. Он начинается с новой строки и имеет отступы.</p>
<p>Это второй абзац. Между абзацами браузер сам добавляет расстояние.</p>

Как это выглядит в браузере:

2. Перенос строки — <br>

Тег <br> переносит текст на следующую строку. Это одиночный тег, не требующий закрытия.

<p>Первая строка<br>Вторая строка<br>Третья строка</p>

Как это выглядит в браузере:

3. Горизонтальная линия — <hr>

Тег <hr> рисует горизонтальную разделительную линию. Он помогает визуально отделить части страницы друг от друга.

<h2>Раздел 1</h2>
<p>Содержимое первого раздела.</p>
<hr>
<h2>Раздел 2</h2>
<p>Содержимое второго раздела.</p>

Как это выглядит в браузере:

4. Предварительно отформатированный текст — <pre>

Тег <pre> сохраняет все пробелы и переносы строк. Текст внутри отображается моноширинным шрифтом и именно так, как вы его написали.

<pre>
    Первая строка с отступом
        Вторая строка с бо́льшим отступом
    Третья строка
</pre>

Как это выглядит в браузере:

    Первая строка с отступом
        Вторая строка с бо́льшим отступом
    Третья строка

5. Цитаты

Короткая цитата — <q>

Тег <q> автоматически добавляет кавычки вокруг текста. Используется для коротких цитат внутри предложения.

<p>Пользователь сказал: <q>Это отличный сайт</q>, и я с ним согласился.</p>

Как это выглядит в браузере:

Блочная цитата — <blockquote>

Тег <blockquote> выделяет цитату отдельным блоком. Браузер обычно делает отступ слева.

<blockquote>
    Тот, кто не может программировать, учит программированию.
    Тот, кто не может учить, учит учить программированию.
</blockquote>

Как это выглядит в браузере:

6. Адрес — <address>

Тег <address> используется для указания контактной информации: адреса, электронной почты, телефона, автора страницы.

<address>
    Автор: Иван Иванов<br>
    Email: ivan@example.com<br>
    Город: Москва
</address>

Как это выглядит в браузере: