HTML <p> -tag
Voorbeeld
Een alinea is als volgt gemarkeerd:
<p>This is some text in a paragraph.</p>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De <p>
tag definieert een alinea.
Browsers voegen automatisch een enkele lege regel toe voor en na elk <p>
element.
Tip: gebruik CSS om alinea 's op te maken .
Browserondersteuning
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Algemene kenmerken
De <p>
tag ondersteunt ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <p>
tag ondersteunt ook de Event Attributes in HTML .
Meer voorbeelden
Voorbeeld
Tekst in een alinea uitlijnen (met CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Voorbeeld
Stijl alinea's met 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>
Voorbeeld
Meer over paragrafen:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Voorbeeld
Gedichten problemen in 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>
Gerelateerde pagina's
HTML-zelfstudie: HTML-paragrafen
HTML DOM-referentie: Alinea-object
Standaard CSS-instellingen
De meeste browsers geven het <p>
element weer met de volgende standaardwaarden:
Voorbeeld
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}