FrontendBook | HTML Абзац

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) и сохраняет как пробелы, так и разрывы строк: