Абзац всегда начинается с новой строки и обычно представляет собой блок текста.
Абзацы в формате HTML
Элемент HTML <p> определяет абзац.
Абзац всегда начинается с новой строки, и браузеры автоматически добавляют немного свободного пространства (поля) до и после абзаца.
Пример:
<p>Это абзац.</p>
<p>Это ещё один абзац.</p>
Отображение HTML-кода
Вы не можете быть уверены, как будет отображаться HTML-код.
Большие или маленькие экраны, а также окна с измененным размером приведут к разным результатам.
В HTML вы не можете изменить отображение, добавив дополнительные пробелы или строки в HTML-код.
Браузер автоматически удалит все лишние пробелы и строки при отображении страницы:
Пример:
<p>
Этот абзац
содержит много строк
в исходном коде,
но браузер
игнорирует его.
</p>
<p>
Этот абзац
содержит много пробелов
в исходном коде,
но браузер
игнорирует их.
</p>
Горизонтальные правила HTML
Тег <hr> определяет тематический раздел на HTML-странице и чаще всего отображается в виде горизонтальной линии.
Элемент <hr> используется для разделения содержимого (или определения изменений) на HTML-странице:
Пример:
<h1>This is heading 1</h1>
<p>This is some text.<
/p><hr><h2>This is heading 2
</h2><p>This is some other text.
<
Тег <hr> является пустым тегом, то есть у него нет закрывающего тега.
Разрывы строк HTML
Элемент HTML <br> определяет перенос строки.
Используйте <br>, если вам нужен разрыв строки (новая строка) без начала нового абзаца:
Пример:
<p>Это<br>абзац<br>с переносами строк.</p>
Тег <br> является пустым тегом, то есть у него нет закрывающего тега.
Проблема со Стихотворением
Это стихотворение будет отображаться в одной строке:
Пример:
<p>
Моя Красавица лежит за океаном.
Моя Красавица лежит над морем.
Моя Красавица лежит за океаном.
О, верни мне мою Бонни.
</p>
Решение - Элемент HTML <pre>
Элемент HTML <pre> определяет предварительно отформатированный текст.
Текст внутри <pre> элемента отображается шрифтом фиксированной ширины (обычно Courier) и сохраняет пробелы и переносы строк:
Пример:
<pre>
Моя Красавица лежит за океаном.
Моя Красавица лежит над морем.
Моя Красавица лежит за океаном.
О, верни мне мою Бонни.
</pre>