HTML <p> tag

Definitie en gebruik

<p> tag definieert een paragraaf.

De browser voegt automatisch een lege regel toe aan elke <p> Voeg een lege regel toe voor en achter het element.

Tip:Gebruik CSS Stel de stijl van een paragraaf in.

Zie ook:

HTML handleiding:HTML alinea

HTML DOM referentiehandleiding:Paragraph object

Voorbeeld

Voorbeeld 1

Markeer paragrafen zoals hieronder:

<p>Dit is enkele tekst in een paragraaf.</p>

Probeer het zelf

Voorbeeld 2

Stel de uitlijning van tekst in paragrafen in (gebruik CSS):

<p style="text-align:right">Dit is enkele tekst in een paragraaf.</p>

Probeer het zelf

Voorbeeld 3

Gebruik CSS om de stijl van paragrafen in te stellen:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>China, officieel de Volksrepubliek China (PRC), is een land in Oost-Azië. Het is het op twee na grootste land ter wereld, met een bevolking van meer dan 1,4 miljard. China beslaat de equivalent van vijf tijdzones en grenst aan veertien landen via land. Met een oppervlakte van bijna 9,6 miljoen vierkante kilometers (3,700,000 vierkante mijl) is het het derde grootste land qua totale landoppervlakte. Het land is onderverdeeld in 22 provincies, vijf autonome regio's, vier steden en twee semi-autonome speciale administratieve regio's. Peking is de nationale hoofdstad, terwijl Shanghai de meest bevolkte stad en grootste financiële centrum is.</p>
</body>
</html>

Probeer het zelf

Voorbeeld 4

Meer alinea's:

<p>
in de broncode
Dit alinea
bevatten veel regels
Maar de browsers
Negeer het.
</p>

Probeer het zelf

Voorbeeld 5

HTML probleem met poëzie:

<p>
　　De ochtend afzegen aan Bai Di in de kleurrijke wolken
　　In één dag terug naar Jiangling over duizend mijl
　　De schaapjes aan beide oevers blijven schreeuwen
　　De kano is al over duizend bergen heen
</p>

Probeer het zelf

Globale kenmerken

<p> De tag ondersteunt ook Globale kenmerken in HTML.

eventuelekenmerken

<p> De tag ondersteunt ook Eventuelekenmerken in HTML.

Standaard CSS instellingen

De meeste browsers zullen de volgende standaardwaarden weergeven <p> Element:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

Probeer het zelf

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning