HTML/Textstrukturierung/p
Absätze dienen der Gliederung eines Textes. Sie werden in HTML mit dem p-Element (engl: paragraph) ausgezeichnet.
Beim Erstellen von HTML-Dateien genügt es nicht, im Editor einen harten Zeilenumbruch einzufügen. Browser ignorieren solche Umbrüche (siehe auch HTML/Regeln/Editieren von HTML).
Inhaltsverzeichnis
Allgemeines[Bearbeiten]
Das End-Tag </p> ist in HTML optional, d. h., es muss nicht zwingend angegeben werden. In XHTML hingegen ist es Pflicht. Es ist außerdem auch in HTML guter Stil das schließende </p>-Tag anzugeben. Das verdeutlicht zugleich auch die Bedeutung dieses Tags: Es umfasst einen Textblock - es steht nicht für den Zwischenraum zwischen zwei Absätzen.
Fehlerquellen[Bearbeiten]
Blockelemente in Absätzen[Bearbeiten]
Absatz-Elemente dürfen keine anderen blockerzeugenden Elemente wie z. B. Überschriften, Textabsätze oder Listen enthalten. Das bedeutet für HTML: Beim ersten Auftreten eines Tags, welches nicht mehr im akuellen Textabsatz erlaubt ist (beispielsweise <ul> oder <table>), wird der Textabsatz vom Browser implizit (mit einem intern hinzugefügten </p>) geschlossen - ein eventuell später folgendes schließendes </p> steht dann ohne Start-Tag allein und ist ein Fehler. In XHTML muss das schließende </p> zwingend vor den anderen blockerzeugenden Elementen notiert werden.
p {
color: green;
}
div {
color: red;
}
<p>
Dies ist ein Text
<div> mit einem div</div>
und noch etwas Text.
</p>
p wird nur im ersten Teil ausgeführt, aber nicht im letzten.leere Absätze[Bearbeiten]
Abstände zwischen Absätzen werden in HTML oft fälschlicherweise durch einen leeren Absatz ( <p> </p>) oder durch eine Aneinanderreihung mehrerer Zeilenumbrüche ( <br>) realisiert.
Definieren Sie stattdessen den gewünschten Abstand mithilfe der CSS-Eigenschaft margin.
Gestaltung[Bearbeiten]
Verwenden Sie CSS, um Text und Absätze nach Ihren Vorstellungen zu formatieren.
#one {
font-family:Arial,sans-serif;
font-size: 2em;
color:blue;
}
#two {
background-color: blue;
border-radius: 5px;
color: yellow;
}
<p id="one">Ein formatierter Absatz.</p>
<p id="two">Ein anderer formatierter Absatz.</p>
Siehe auch[Bearbeiten]
Typographie und CSS[Bearbeiten]
- Texteffekte
- Textformatierung
- Überschriften interessant gestalten
- Ribbons (Hintergrundbänder)
- Initialen (dekorative Anfangsbuchstaben)
- Zitate interessant gestalten (Zitate und Anführungszeichen interessant gestalten)
- Fußnoten mit CSS
- Sonstiges
Referenz[Bearbeiten]
- Referenz: p
<p>leitet einen Textabsatz ein.</p>beendet den Textabsatz und steht am Ende des Absatztextes.