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 Welt</p>

Das <p> steht für paragraph = Absatz

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

Hier kommt unser erster Test von HTML-TAG Absatz.

Hallo Welt.

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.

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.

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

Erweitern Sie folgenden Inhalt um die entsprechenden HTML-Tags für Absätze:

Herzlich willkommen auf meiner HTML-Seite

Hier finden Sie meine erste Homepage zum Lernen von HTML mit www.html-seminar.de

Ihr Mustermann

Was wir hier haben, sind drei Absätze. Erstellen Sie eine HTML-Datei mit diesen 3 Absätzen und schauen Sie sich an, wie diese im Browser angezeigt wird.

  1. Absatz: Herzlich ...
  2. Absatz: Hier finden ...
  3. Absatz: Ihr Mustermann

Nach der Eingabe speichern Sie die Datei unter dem Namen "index.htm". Ansehen in einem Website-Browser (z. B. Internet Explorer oder Firefox). Je nach Breite des Browserfensters kann der Umbruch innerhalb der Zeilen woanders stattfinden.

Bevor Sie sich Lösung ansehen, probieren Sie unbedingt es selber aus!

vorheriges Kapitel: Grundlagen - HTML-TAG
nächstes Kapitel: Lösung zur Übung
Grundlagen - HTML-TAGSeitenanfangLösung zur Übung
eBook HTML-Seminar.de
del.icio.usMister Wong         Grundlagen - HTML-TAGSeitenanfangLösung zur Übung
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de