Как сделать перенос на новую строку в HTML: особенности и способы

В HTML перенос на новую строку производится с помощью элемента
. Этот элемент позволяет вставить перевод строки, без изменения оформления текста, как это происходит при использовании элемента

, который добавляет к тексту новую строку и отступы.

Пример использования элемента
:

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

Этот код отобразит текст "Первая строка" и "Вторая строка" на двух разных строках.

Также, если необходимо вставить несколько переносов на новую строку, то можно использовать несколько элементов
:

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

Третья строка

Этот код отобразит текст "Первая строка", пустую строку и "Третью строку" на трех разных строках.

Если же необходимо добавить несколько переносов на новую строку, но не вставлять каждый раз отдельный элемент
, то можно воспользоваться свойством CSS "line-height", установив значение для него, равное высоте отступов, которые необходимо добавить между строками:

Первая строка
Вторая строка
Третья строка

Этот код отобразит текст "Первая строка", "Вторая строка" и "Третью строку" на трех разных строках, но при этом между строками будет отступ высотой в две строки.

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