HTML Абзац
Тег <p> в HTML определяет абзац. Они имеют как открывающие, так и закрывающие теги. Таким образом, все, что упоминается в тегах <p> и </p>, рассматривается как абзац. Большинство браузеров считывают строку как абзац, даже если мы не используем закрывающий тег, то есть </p>, но это может привести к неожиданным результатам. Итак, это хорошее соглашение, и мы должны использовать закрывающий тег.
Синтаксис:
<p>...содержание...</p>
Ключевые моменты использования элемента p
Когда мы смотрим на веб-страницу, мы видим, что до и после абзаца добавлено несколько пробелов. HTML делает это по умолчанию. Давайте рассмотрим несколько свойств тега абзаца:
- Как уже упоминалось, тег <p> автоматически добавляет пространство до и после любого абзаца, что в основном представляет собой поля, добавляемые браузером.
- Если пользователь добавляет несколько пробелов, браузер сокращает их до одного пробела.
- Если пользователь добавляет несколько строк, браузер сокращает их до одной строки.
- По умолчанию для отображения элемента «Абзац» установлено значение «блок», которое вы можете изменить с помощью CSS. Это означает, что если вы добавите еще один абзац на веб-страницу, следующий абзац будет вставлен в следующую строку на веб-странице.
Вы не можете быть уверены, как будет отображаться HTML. Большие или маленькие экраны и окна с измененным размером дадут разные результаты. В HTML вы не можете изменить отображение, добавив дополнительные пробелы или дополнительные строки в код HTML. Браузер автоматически удалит все лишние пробелы и строки при отображении страницы:
Решение проблем при работе с абзацами
HTML Горизонтальная Линия
Тег <hr> определяет тематический разрыв на HTML-странице и чаще всего отображается в виде горизонтальной линейки. Элемент <hr> используется для разделения содержимого (или определения изменения) на HTML-странице:
HTML Разрывы Строк
Элемент HTML <br> определяет разрыв строки. Тег <br> является пустым тегом, что означает, что у него нет закрывающего тега. Используйте <br>, если вам нужен разрыв строки (новая строка) без начала нового абзаца:
Использование Элемента pre
Мы видели, как тег абзаца игнорирует все изменения строк и лишние пробелы внутри абзаца, но есть способ сохранить это с помощью тега <pre>. Он также содержит открывающий и закрывающий теги. Он отображает текст с фиксированной высотой и шириной и сохраняет лишние строки и пробелы, которые мы используем.
Элемент HTML <pre> определяет предварительно отформатированный текст.
Текст внутри элемента <pre> отображается шрифтом фиксированной ширины (обычно Courier) и сохраняет как пробелы, так и разрывы строк: