HTML <p> etikett

Definition och användning

<p> tagg definierar stycken.

Webbläsaren lägger till automatiskt en <p> Lägg till en tom rad före och efter elementet.

Tips:Använd CSS Ställ in styckestil.

Se också:

HTML-tutorial:HTML avsnitt

HTML DOM-handbok:Paragraph-objekt

Exempel

Exempel 1

Markera stycken på detta sätt:

<p>Detta är några texter i stycket.</p>

Prova själv

Exempel 2

Justera texten i stycken (använd CSS):

<p style="text-align:right">Detta är några texter i stycket.</p>

Prova själv

Exempel 3

Använd CSS för att ställa in stylen för stycken:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>China, officiellt Folkrepubliken Kina (Kina), är ett land i Östasien. Det är världens näst mest befolkade land, med en befolkning som överstiger 1,4 miljarder. Kina sträcker sig över lika mycket som fem tidszoner och gränsar till tjugofyra länder genom land. Med en area på nästan 9,6 miljoner kvadratkilometer (3,700,000 kvadratmil) är det det tredje största landet i världen efter total landyta. Landet är indelat i 22 provinser, fem autonoma regioner, fyra städer och två delvis autonoma special administrativa regioner. Peking är huvudstaden, medan Shanghai är den mest befolkade staden och största finansiella centra.</p>
</body>
</html>

Prova själv

Exempel 4

Mer avsnitt:

<p>
i källkoden
detta avsnitt
innehåller många rader
Men webbläsarna
Ignorera det.
</p>

Prova själv

Exempel 5

HTML:s poesi problem:

<p>
　　Välkomnande till Baidi, mellan färgglada moln.
　　En resa på tusen miles till Jingling kan göras på en dag.
　　Apornas skrik på båda sidor av floden kommer inte att upphöra.
　　En liten båt har passerat tusen och en bergsrygg.
</p>

Prova själv

Globala attribut

<p> Etiketterna stöder också Globala attribut i HTML.

evenhetsattribut

<p> Etiketterna stöder också Evenhetsattribut i HTML.

Standarda CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <p> Element:

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

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd