HTML тег <p>

Тег <p> определяет параграф или текстовый абзац. Элемент является блочным, а значит его содержимое всегда начинается с новой строки и занимает всю доступную ширину. Следующие один за другим абзацы разделяются между собой отбивкой, величину которой можно задавать при помощи CSS свойства margin. Для перевода строки внутри абзаца используется тег <br>.

Пробелы между открывающим тегом <p> и его содержимым игнорируются браузером. Чтобы установить отступ (красную строку), используйте CSS свойство text-indent.

Синтаксис

Текстовые абзацы и параграфы заключаются в открывающий (<p>) и закрывающий (</p>) теги. Если нет закрывающего тега нет, то считается, что конец абзаца совпадает с началом следующего блочного элемента.

Тег <p> не может содержать таблицы и другие блочные элементы.

Пример

<!DOCTYPE html>
 <html>
   <head>
      <title>Заголовок окна веб-страницы</title>
   </head>
   <body>
          <p>Это параграф</p>
   </body>
 </html>

Результат

Использование CSS

Для выравнивания текста в абзаце вместо устаревшего атрибута align, необходимо использовать CSS свойство text-align.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
    <style>
      div.paragraph {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>Заголовок окна веб-страницы</h1>
    <div class="paragraph">
      <p>Выравнивание текста по центру установлено при помощи CSS свойства text-align</p>
    </div>
  </body>
</html>

Результат

Атрибуты

Атрибут Значение Описание
align right
left
justify
Определяет выравнивание текста.
Не поддерживается в HTML5

Тег <p> поддерживает также глобальные атрибуты и атрибуты событий.

Browser support




Related articles