Тег <br> в HTML используется для создания переноса строки.

Этот тег полезен, когда вам нужно вставить новую строку в тексте или коде, обеспечивая более читаемый и структурированный контент.

Простой перенос строки

Простейшее использование тега <br> - это создание переноса строки внутри абзаца или блока текста.

<p>Это первая строка.<br>А это уже вторая строка.</p>

В этом примере текст будет отформатирован следующим образом:

Это первая строка.А это уже вторая строка.

Множественные переносы строк

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

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

Этот код создает двойной отступ между строками:

Первая строка.

Вторая строка.

Перенос строки внутри других элементов

Тег <br> также может использоваться внутри других HTML-элементов, таких как заголовки, списки и т. д.

<h2>Заголовок с<br>переносом строки</h2>
<ul>
 <li>Элемент списка 1<br>с новой строкой</li>
 <li>Элемент списка 2</li>
</ul>

Использование в пустых элементах

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

<hr><br><hr>

Этот код создает две горизонтальные линии с отступом между ними.

Атрибут clear

Тег <br> может использоваться с атрибутом clear, чтобы указать, на какой стороне элемента следует предотвратить обтекание другими элементами.

<p>Текст с переносом строки. <br clear="left"> Этот текст не будет обтекать слева.</p>

Заключение

Тег <br> - это простой, но эффективный инструмент для создания переносов строк в HTML. Используйте его, когда вам нужно добавить пространство между строками текста или элементами. Будьте осторожны с его частым использованием, так как слишком много переносов строк может сделать ваш код менее читаемым.