Das Tag <p> bestimmt den Absatz des Textes. Das Element ist ein Block-Level-Element, d.h., dass es immer von einer neuen Zeile geschrieben werden soll und die ganze erreichbare Breite nimmt. Die nachkommenden Absätze werden voneinander durch Pads, deren Größe durch die CSS-Eigenschaft margin festgelegt wird, geteilt.

Für die Übertragung der Zeile innerhalb des Absatzes wird das Tag <br> verwendet.

Die Leerzeichen zwischen dem Starttag <p> und seinem Inhalt werden ignoriert. Um einen Einzug zu bestimmen, wird die CSS-Eigenschaft text-indent verwendet.

Syntax

Die Textabsätze werden in den Start- (<p>) und Endtags (</p>) eingeschlossen. Wenn es kein Endtag gibt, fällt das Ende des Absatzes mit dem Anfang des nächsten Blockelements zusammen.

Das Tag <p> kann keine Tabellen und andere Blockelemente enthalten.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p>Das ist ein Absatz</p>
  </body>
</html>

Ergebnis

p beispiel

CSS-Gebrauch

Für die Ausrichtung des Textes im Absatz wird anstatt des veralteten Attributs align die CSS-Eigenschaft text-align verwendet.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      div.paragraph {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>Der Titel des Dokuments</h1>
    <div class="paragraph">
      <p>Die Zentrierung des Textes wurde durch die CSS-Eigenschaft text-align bestimmt.</p> 
      </div>
   </body>
 </html>

Ergebnis

p beispiel

Attribute

Attribut Wert Beschreibung
align right
left
justify
Es bestimmt die Ausrichtung des Textes.
Es wird in HTML5 nicht unterstützt.

Das Tag <p> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Was macht das HTML-Tag <p>?
Finden Sie das nützlich?