HTML <p> Merker


Voorbeeld

'n Paragraaf word soos volg gemerk:

<p>This is some text in a paragraph.</p>

Meer "Probeer dit self" voorbeelde hieronder.


Definisie en gebruik

Die <p>merker definieer 'n paragraaf.

Blaaiers voeg outomaties 'n enkele leë reël voor en na elke <p> element by.

Wenk: Gebruik CSS om paragrawe te stileer .


Blaaierondersteuning

Element
<p> Yes Yes Yes Yes Yes

Globale eienskappe

Die <p>merker ondersteun ook die Global Attributes in HTML .


Gebeurtenis eienskappe

Die <p>merker ondersteun ook die gebeurtenis-kenmerke in HTML .



Meer voorbeelde

Voorbeeld

Belyn teks in 'n paragraaf (met CSS):

<p style="text-align:right">This is some text in a paragraph.</p>

Voorbeeld

Styl paragrawe 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 oor paragrawe:

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

Voorbeeld

Gedigprobleme 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>

Verwante bladsye

HTML-tutoriaal: HTML-paragrawe

HTML DOM verwysing: Paragraaf Object


Verstek CSS-instellings

Die meeste blaaiers sal die <p>element met die volgende verstekwaardes vertoon:

Voorbeeld

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