Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt

Textabsatz erstellen – HTML-TAG <p>

Ein wichtiger HTML-TAG ist der für den Absatz. Textabsätze strukturieren Texte – der erste Schritt gegen Textwüsten.

In der Ausgabe hält ein Absatz einen Abstand zum nachfolgenden Element. Wie viel Abstand dies ist, interessiert hier nicht, da dies in den Bereich Design fällt! Für Design ist CSS und nicht HTML zuständig (dazu dann mehr in den Kapiteln über 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 das englische „paragraph“ = Absatz.

Das Ergebnis im Gegensatz zum <br>-TAG (kommt in einem späteren Kapitel) ist eine Trennung mit Abstand zum nachfolgenden Element:

Hier kommt unser erster Test vom HTML-TAG Absatz.

Hallo Welt.

Hinweis: Hier sieht man, dass am Anfang der Anfangs-TAG <p> und am Ende der End-TAG </p> steht. Das sollte i. d. R. eingehalten werden, auch wenn es mit HTML5 nicht mehr notwendig ist. Bei XHTML war es zwingend erforderlich.

Besonders beim Lernen von HTML hilft ein sauberer Quellcode dabei, auf einen Blick zu sehen, welcher Bereich von einem HTML-Befehl umschlossen ist – deshalb einfach immer die HTML-Befehle auch beenden.

Ü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 ersten HTML-Seite Hier finden Sie meine ersten HTML-Gehversuche zum Lernen von HTML mit dem HTML-KURS https://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 werden.

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

Nach der Eingabe speichern Sie die Datei unter dem Namen "index.htm" (alles über Dateinamen kommt im Kapitel dateinamen.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 die Lösung ansehen, probieren Sie es unbedingt selber aus!

Weiterempfehlen • Social Bookmarks • Vielen Dank

Wenn Sie einen Fehler finden, bitte mitteilen (egal ob Schreibfehler oder inhaltlicher Fehler).

Mit Maus fehlerhafte Stelle markieren und übernehmen mit folgendem Button:



(kann angegeben werden)

Nach Absenden kommt hier Feedback! Bitte nicht doppelt absenden. Danke.

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Fehler melden

Vielen Dank für Ihre Hilfe