Пример
Параграф размечается следующим образом:
<p>Это некоторый текст в параграфе.</p>
Попробуйте сами »
Другие примеры "Попробуйте сами" ниже.
Определение и использование
Тег <p> определяет параграф.
Браузеры автоматически добавляют одну пустую строку до и после каждого элемента <p>.
Совет: Используйте CSS для стилизации параграфов.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <p> | Да | Да | Да | Да | Да |
Глобальные атрибуты
Тег <p> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <p> также поддерживает Атрибуты событий в HTML.
Больше примеров
Пример
Выравнивание текста в параграфе (с помощью CSS):
<p style="text-align:right">Это некоторый текст в параграфе.</p>
Попробуйте сами »
Пример
Стилизация параграфов с помощью CSS:
<html>
<head>
<style>
p {
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
</style>
</head>
<body>
<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>
Попробуйте сами »
Пример
Больше о параграфах:
<p>
Этот параграф
содержит много строк
в исходном коде,
но браузер
игнорирует это.
</p>
Попробуйте сами »
Пример
Проблема со стихотворениями в HTML:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Попробуйте сами »
Связанные страницы
Учебник по HTML: Параграфы HTML
Справочник по HTML DOM: Объект Paragraph
Настройки CSS по умолчанию
Большинство браузеров отображают элемент <p> со следующими значениями по умолчанию:
Пример
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Попробуйте сами »