🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <p> используется для разделения блоков текста на параграфы или абзацы.

<p>Это первый параграф.</p>
<p>Это второй параграф, отделённый отступом.</p>

Это первый параграф.

Это второй параграф, отделённый отступом.

Примеры использования

Параграф со ссылкой, курсивным текстом, :

<p>Это ссылка на <a href="https://www.google.com/">поиск Google</a>.</p>

Параграф курсивным текстом:

<p>В этом параграфе <em>курсивный</em> текст.</p>

Параграф с полужирным текстом:

<p>В этом параграфе <strong>жирность</strong> текста.</p>

Параграф с изображением:

<p>В этом параграфе есть <img src="image.jpg" alt="image description"> картинка.</p>

Для чего использовать тег <p>

  • для разделения блоков текста на абзацы;
  • для добавления текстовых описаний к изображениям;
  • для добавления текстовых описаний к видео;
  • для написания содержания статей;
  • для написания постов для блога;
  • для описания продуктов.

Ограничения

  • если внутри тега <p> нет содержимого, тег все равно создаст пустое пространство на веб-странице;
  • если содержимое внутри тега <p> содержит только пробелы или переносы строк, тег создаст пустое место на веб-странице.

Чем заменить тег

В большинстве случаев тег <p> является наиболее подходящим для создания абзацев на веб-странице.

Однако если требуется создать блок текста без автоматического добавления пространства между абзацами, то можно использовать тег <div>. Если же необходимо выделить на странице отдельный блок с контентом, то лучше использовать теги <section> или <article>, в зависимости от смысла и содержания блока.