HTML -абзацы
Абзац всегда начинается с новой строки и обычно представляет собой блок текста.
HTML-абзацы
Элемент HTML <p>определяет абзац.
Абзац всегда начинается с новой строки, и браузеры автоматически добавляют пробел (поле) до и после абзаца.
Пример
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Отображение HTML
Вы не можете быть уверены, как будет отображаться HTML.
Большие или маленькие экраны и окна с измененным размером дадут разные результаты.
В HTML вы не можете изменить отображение, добавив дополнительные пробелы или дополнительные строки в код HTML.
Браузер автоматически удалит все лишние пробелы и строки при отображении страницы:
Пример
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</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.</p>
<hr>
Тег <hr>является пустым тегом, что означает, что он не имеет конечного тега.
Разрывы строк HTML
Элемент HTML <br>определяет разрыв строки.
Используйте <br>, если вам нужен разрыв строки (новая строка) без начала нового абзаца:
Пример
<p>This is<br>a paragraph<br>with line breaks.</p>
Тег <br>является пустым тегом, что означает, что он не имеет конечного тега.
Проблема стихотворения
Это стихотворение будет отображаться в одной строке:
Пример
<p>
My Bonnie lies over
the ocean.
My Bonnie lies over the sea.
My Bonnie
lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Решение — HTML-элемент <pre>
Элемент HTML <pre>определяет предварительно отформатированный текст.
Текст внутри <pre>элемента отображается шрифтом фиксированной ширины (обычно Courier) с сохранением пробелов и разрывов строк:
Пример
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the
ocean.
Oh, bring back my Bonnie to me.
</pre>
HTML-упражнения
Справочник по тегам HTML
Справочник по тегам W3Schools содержит дополнительную информацию об элементах HTML и их атрибутах.
| Tag | Description |
|---|---|
| <p> | Defines a paragraph |
| <hr> | Defines a thematic change in the content |
| <br> | Inserts a single line break |
| <pre> | Defines pre-formatted text |
Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .