HTML - тег <p>
Пример
Абзац размечается следующим образом:
<p>This is some text in a paragraph.</p>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег <p>
определяет абзац.
Браузеры автоматически добавляют одну пустую строку до и после каждого <p>
элемента.
Совет: используйте CSS для оформления абзацев .
Поддержка браузера
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Глобальные атрибуты
Тег <p>
также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <p>
также поддерживает атрибуты событий в HTML .
Дополнительные примеры
Пример
Выровнять текст в абзаце (с помощью CSS):
<p style="text-align:right">This is some text in a paragraph.</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>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</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: объект абзаца
Настройки CSS по умолчанию
Большинство браузеров будут отображать <p>
элемент со следующими значениями по умолчанию:
Пример
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}