HTML <p> Tag

Definition und Verwendung

<p> Tag einen Absatz ein.

Der Browser fügt automatisch nach jedem <p> Fügen Sie vor und nach dem Element eine Leerzeile hinzu.

Tipp:Verwenden Sie CSS Absatzstile festlegen.

Siehe auch:

HTML-Tutorial:HTML Absatz

HTML DOM Referenzhandbuch:Paragraph-Objekt

Beispiel

Beispiel 1

Markieren Sie Absätze wie folgt:

<p>Dies ist ein Text in einem Absatz.</p>

Probieren Sie es selbst aus

Beispiel 2

Stellen Sie den Text in einem Absatz aus (verwenden Sie CSS):

<p style="text-align:right">Dies ist ein Text in einem Absatz.</p>

Probieren Sie es selbst aus

Beispiel 3

Verwenden Sie CSS, um Absatzstile zu setzen:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>China, offiziell die Volksrepublik China (PRC), ist ein Land in Ostasien. Es ist das bevölkerungsreichste Land der Welt, mit einer Bevölkerung von über 1,4 Milliarden. China erstreckt sich über eine Fläche von etwa 9,6 Millionen Quadratkilometern (3,700,000 sq mi) und grenzt an vierzehn Länder. Mit einer Fläche von fast 9,6 Millionen Quadratkilometern ist es das drittgrößte Land der Welt. Das Land ist in 22 Provinzen, fünf autonome Regionen, vier Municipalitäten und zwei semi-autonome Sonderverwaltungsregionen unterteilt. Peking ist die Hauptstadt, während Shanghai die bevölkerungsreichste Stadt und größte Finanzmetropole ist.</p>
</body>
</html>

Probieren Sie es selbst aus

Beispiel 4

Mehr Absätze:

<p>
im Quellcode,
dieser Abschnitt
enthält viele Zeilen,
Aber der Browser
Ignorieren Sie es.
</p>

Probieren Sie es selbst aus

Beispiel 5

HTML-Poetische Probleme:

<p>
　　Morgen verabschiede ich mich in den bunten Wolken des Baiwu
　　Die tausend Meilen von Jiangling kehren am selben Tag zurück.
　　Die Schreie der Affen auf beiden Ufern hören nicht auf,
　　Die kleine Kajüte hat tausend Berge passiert.
</p>

Probieren Sie es selbst aus

Globale Attribute

<p> Der Tag unterstützt auch Globale Attribute in HTML.

Ereignisattribute

<p> Der Tag unterstützt auch Ereignisattribute in HTML.

Standardmäßige CSS-Einstellungen

Die meisten Browser verwenden folgende Standardwerte zur Anzeige <p> Element:

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

Probieren Sie es selbst aus

Browserunterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung