HTML značka <p>
Příklad
Odstavec je označen takto:
<p>This is some text in a paragraph.</p>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Značka <p>
definuje odstavec.
Prohlížeče automaticky přidají jeden prázdný řádek před a za každý <p>
prvek.
Tip: Ke stylování odstavců použijte CSS .
Podpora prohlížeče
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Globální atributy
Značka <p>
také podporuje globální atributy v HTML .
Atributy události
Značka <p>
také podporuje atributy událostí v HTML .
Další příklady
Příklad
Zarovnání textu v odstavci (pomocí CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Příklad
Styl odstavců pomocí 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říklad
Více o odstavcích:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Příklad
Problémy s básněmi v 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>
Související stránky
HTML tutoriál: HTML odstavce
Odkaz HTML DOM: Objekt odstavce
Výchozí nastavení CSS
Většina prohlížečů zobrazí <p>
prvek s následujícími výchozími hodnotami:
Příklad
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}