Параграфы HTML

Параграф он же абзац всегда начинается с новой строки и обычно представляет собой блок текста.

HTML - параграфы

Элемент HTML <p> определяет параграф.

Параграф всегда начинается с новой строки, а браузеры автоматически добавляют пробел (поле) до и после параграфа.

<p>Это параграф.</p>
<p>Это еще один параграф.</p>

Отображение HTML

Нельзя быть уверенным, как будет отображаться HTML с разным разрешением экрана.

Большие или маленькие экраны и окна с измененным размером дадут разные результаты.

В HTML нельзя изменить отображение, добавив дополнительные пробелы или дополнительные строки в код HTML, т.к. браузер автоматически удалит все лишние пробелы и строки при отображении страницы.

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

<p>
Этот параграф
содержит много строк
в исходном коде,
но браузер
игнорирует это.
</p>
<p>
    Этот параграф
    содержит много     пробелов
    в исходном     коде,
    но      браузер
    игнорирует это.
</p>

Вот как браузер будет отображать приведенный выше код:

Горизонтальные правила HTML

Тег <hr> определяет тематический разрыв на HTML-странице и чаще всего отображается в виде горизонтальной линии.

Элемент <hr> используется для разделения содержимого (или определения изменения) на HTML-странице:

<h1>Это заголовок 1</h1>
<p>Это текст.</p>
<hr>
<h2>Это заголовок 2</h2>
<p>Здесь еще текст.</p>
<hr>

Тег <hr> является пустым тегом, что означает, что у него нет закрывающего тега.

Разрывы строк HTML

Элемент HTML <br> определяет разрыв строки.

Используйте <br>, если вам нужен разрыв строки (новая строка) без начала нового абзаца:

<p>Это<br>параграф<br>с разрывами строк.</p>

Тег <br> является пустым тегом, что означает, что у него нет закрывающего тега.

Проблема стихотворения

Это стихотворение будет отображаться в одной строке:

<p>
Воды глубокие

Плавно текут.

Люди премудрые

Тихо живут.
</p>

Вот как браузер его отобразит:

Решение — HTML - элемент <pre>

Элемент HTML <pre> определяет предварительно отформатированный текст.

Текст внутри элемента <pre> отображается шрифтом фиксированной ширины (обычно это шрифт

Курьер (англ. Courier)

— компьютерный шрифт, относящийся к классу моноширинных. Шрифт был разработан Ховардом Кеттлером в 1955 году на основе стандартного латинского шрифта пишущей машинки. Через некоторое время шрифт стал использоваться во всех отраслях печатной промышленности. Courier ) и сохраняет как пробелы, так и разрывы строк:

<pre>
Воды глубокие

Плавно текут.

Люди премудрые

Тихо живут.
</pre>

Справочник по тегам HTML

Справочник по тегам содержит дополнительную информацию об элементах HTML и их атрибутах.

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

☛ Стили HTML

Заголовки HTML ☚