Перенос строки в HTML: как сделать перенос текста на новую строку?

Перенос строки в HTML осуществляется с помощью тега
(от англ. "break", перерыв или разрыв). Этот тег не является парным, поэтому закрывающий тег не требуется.

Пример кода:

Это текст в первой строке.
Это текст во второй строке.

В этом примере мы используем тег

для создания абзаца, а затем внутри него поставили тег
, который разорвал строку и перевел курсор на следующую строку. Когда браузер обрабатывает этот код, он отображает текст на двух строках.

Также можно использовать несколько тегов
, чтобы создать пустые строки:

Это текст в первой строке.

Это текст в третьей строке.

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

. Он позволит отображать текст в виде, в котором он записан в HTML-коде. В этом случае все переносы строк и пробелы будут сохранены:
Это текст в первой строке.
Это текст во второй строке.
Это текст во второй строке.

 для отображения текста с переносами строк и пробелами, которые заданы в HTML-коде.
Также можно использовать свойство CSS white-space и задать значение pre-wrap, чтобы браузер сохранял переносы строк и пробелы:
Это текст в первой строке.
Это текст во второй строке.
В этом примере мы использовали свойство white-space и присвоили ему значение pre-wrap, чтобы браузер отображал текст с переносами строк и пробелами. Это может быть полезным, если вы хотите, чтобы текст при изменении размера окна браузера автоматически переносился на следующую строку.