HTML Тег <p>
Пример
Параграф помечается следующим образом:
<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>
Моя Бонни лежит за океаном.
Моя Бонни лежит над морем.
Моя Бонни лежит над океаном.
O, вернись ко мне мою Бонни.
</p>
Попробуйте сами »
Связанные страницы
HTML Учебник: HTML Параграфы
HTML DOM Справочник: Объект Paragraph
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <p> со следующими значениями по умолчанию:
Пример
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Попробуйте сами »