HTML - тег <p> — это элемент уровня блока, который используется для определения параграфа текста на веб-странице. Он создает новую строку до и после элемента, занимающую всю ширину родительского контейнера.
Тег <p> - синтаксис и код
Тег <p> представлен парами. Содержимое записывается между открывающим (<p>) и закрывающим (</p>) тегами. Если закрывающий тег опущен, считается, что конец параграфа совпадает с началом следующего элемента уровня блока.
Параграф размечается следующим образом:
<p>Это текст в параграфе.</p>
Определение и использование
- HTML - тег
<p> определяет параграф;
- Браузеры автоматически добавляют одну пустую строку до и после каждого элемента
p.
✪ Рекомендация: используйте CSS для оформления абзацев.
Поддержка <p> браузерами
 |
Поддерживает |
 |
Поддерживает |
 |
Поддерживает |
 |
Поддерживает |
 |
Поддерживает |
Атрибуты
Глобальные атрибуты
Тег <p> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <p> также поддерживает атрибуты событий в HTML
Дополнительные примеры
Выравнивание текста в параграфе с помощью CSS:
<p style="text-align:right">Этот текст в параграфе выравнивается по правому краю.</p>
ПРИМЕР
Оформление параграфов с помощью CSS:
<html>
<head>
<style>
p {
color: navy;
text-indent: 40px;
text-transform: uppercase;
}
</style>
</head>
<body>
<h1>Оформление параграфов с помощью CSS</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
ПРИМЕР
Связанные страницы
Руководство по HTML: HTML параграфы
Настройки CSS по умолчанию
Большинство браузеров отображают элемент p со следующими значениями по умолчанию:
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
