Absätze erstellen – HTML-TAG <p>

Ein wichtiger HTML-TAG ist der für Absätze. Ein Absatz hält einen Abstand zum nachfolgenden Element, was z.B. wieder ein Absatz oder z.B. eine Überschrift sein kann. Wie viel Abstand gehalten wird, interessiert hier nicht, da dies in den Bereich Design fällt und für Design nicht HTML sondern CSS zuständig ist (dazu dann mehr in den Kapiteln von CSS).

Sollen 2 Textabschnitte getrennt werden, sieht das wie folgt aus:

<p>Hier kommt unser erster Test von HTML-TAG Absatz.</p> <p>Hallo Lübeck</p>

Das <p> steht für paragraph = Absatz

Das Ergebnis im Gegensatz zum <br />-TAG ist eine Trennung mit Leerzeile:

Probiere es aus in der Datei ./absatz2.htm

Es soll nicht verschwiegen werden, dass Sie dasselbe Ergebnis auch ohne den End-TAG erhalten. Dabei reagiert aber jeder Browser unterschiedlich. Der Internet Explorer ist sehr fehlertolerant, Netscapes Navigator zeigt teilweise bei fehlenden End-TAGs gar nichts mehr an – dies war vor Urzeiten der Fall, ist aber ein eindrückliches Beispiel für den Grund für die korrekte Anwendung von HTML-TAGs.Hinweis: Hier sieht man, dass sowohl am Anfang der Anfangs-TAG <p> und am Ende der End-TAG </p> steht. Das sollte i. d. R. eingehalten werden, da es laut XHTML zwingend erforderlich ist. Also für zukunftssicheren Code immer an den End-TAG denken.

Übung zum HTML-TAG <p> für Absätze

Erstelle die Datei ./absatz3.htm, die folgenden Inhalt mit Absätzen ausgibt:

Herzlich willkommen auf meiner HTML-Seite

Die Schule macht nach den Sommerferien richtig Spass!

Informatik ist super! Bald blinkt schon alles

Was wir hier haben, sind drei Absätze. 

1. Absatz: Herzlich …
2. Absatz: Die Schule …
3. Absatz: Informatik

Schau dir Dein Ergebnis im Browser an. Sind keine Absätze vorhanden, musst du deinen Code korrigieren. Denke daran, nach jeder Veränderung (danke Patrick!) abzuspeichern und die Browseransicht zu aktualiesieren. Das geht am schnellsten über F5.