Absätze in HTML
Normale Texte werden auf Webseiten in Absätzen geschrieben. Für jeden Textabschnitt wird ein Absatz erzeugt und große Texte können so in sinnvolle Abschnitte unterteilt werden. Um mit HTML einen Absatz zu erzeugen, verwendet man den P-Tag. Der Buchstabe P ist von Paragraph abgeleitet und das bedeutet Absatz. Der P-Tag gehört zu den umschließenden Elementen und hat daher einen öffnenden und einen schließenden Tag. Ein Beispielcode für Text in einem Absatz ist wie folgt.
<p>Das ist Text in einem Absatz.</p>Jeder Absatz hat seinen eigenen öffnenden und schließenden P-Tag. Für zwei Absätze kann der Code wie folgt aussehen.
<p>Das ist Text in einem Absatz.</p>
<p>Das ist Text im nächsten Absatz.</p>Schließt man einen Absatz, wird der nächste Absatz automatisch mit einer neuen Zeile begonnen. Hierbei ist zu beachten, dass den Absätzen über CSS-Stile gewisse Formatierungen bzw. Abstände zugewiesen worden sein können und die Abstände zwischen den Textzeilen unter Umständen groß ausfallen kann. Daher sollte man die Unterschiede zwischen einer neuen Zeile und einem neuen Absatz kennen. Mit einer neuen Zeile bleibt man nach wie vor innerhalb des Absatzes. Auf der folgenden Abbildung wird deutlich, dass die Abstände zwischen den Absätzen wesentlich größer sind als wenn man neue Zeilen einfügt, jedoch innerhalb des Absatzes bleibt. 4 Zeilen eines Absatzes haben eine geringere Höhe als 3 Absätze.
Um lediglich neue Zeilen einzufügen, sollte man nicht neue Absätze einfügen, sondern über den entsprechenden Befehl (<br> oder <br />) eine neue Zeile bzw. einen Zeilenumbruch. Das ist auch deshalb wichtig, weil die Formatierung über CSS-Stile, die man einem Absatz zugewiesen hat, für den gesamten Absatz gelten.
Fügt man im Quellcode innerhalb der Absätze Leerzeilen ein, so haben diese kaum Auswirkungen. Auf der nachfolgenden Abbildung ist zu sehen, dass im Quellcode ein paar Leerzeilen innerhalb des P-Tags eingefügt wurden. Im Browser haben diese jedoch kaum eine Auswirkung. Der Text ist nach wie vor in einer Zeile. Es wurde lediglich ein Leerzeichen eingefügt.
Dasselbe betrifft auch die Leerzeichen. Fügt man im Code mehrere Leerzeichen ein, so haben sie ebenfalls kaum Auswirkungen. Auf der nachfolgenden Abbildung ist deutlich, dass im Code mehrere Leerzeichen eingefügt wurden, diese aber in der Darstellung nur die Wirkung eines einzigen Leerzeichens haben.
Wenn man mehrere Leerzeichen in einem Absatz einfügen möchte, sodass diese auch angezeigt werden, muss man hierfür den Befehl für geschützten Leerzeichen ( ) verwenden. Grundsätzlich sollte man diesen Befehl jedoch so wenig wie möglich anwenden. Um Texte oder sonstige Elemente auf einer Webseite zu positionieren, eignen sich z.B. DIV-Container.