Schritt für Schritt lernen
die eigene Website zu erstellen

Jetzt das HTML-Seminar als
Video-Tutorial mit über 210 Videos,
Gesamtspielzeit über 24 Stunden
Video-Kurs HTML5+CSS+Webdesign

Videokurs HTML + CSS + Webdesign erstellen

Absätze erstellen – HTML-TAG <p>

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

In der Ausgabe hält ein Absatz einen Abstand zum nachfolgenden Element. 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 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 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, auch wenn es mit HTML5 nicht mehr notwendig ist. Bei XHTML war es zwingend erforderlich.

Besonders beim Lernen von HTML hilft sauberer Quellcode und es hilft 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 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!

Facebook und Google+

Sehr geehrte Nutzer/innen dieser Website! Wir würden uns freuen, wenn Sie uns durch Facebook oder Google+ unterstützen würden - sei es durch ein Like/+1 oder das Teilen dieser Seite. Allerdings legen wir Wert auf Datenschutz und möchten nicht, dass diese Netzwerke Daten von Ihnen erhalten, sollten Sie dies nicht wünschen. Deshalb sind die entsprechenden Buttons bei uns standardmäßig deaktiviert.

Durch einen Klick auf einen der unteren Buttons stimmen Sie der Nutzung/Speicherung Ihrer Daten (in uns unbekanntem Ausmaß, uns unbekannten Orten und uns unbekannter Weise) zu und erhalten Zugriff auf die Buttons. Wir bitten um Ihr Verständis und freuen uns über Ihre Unterstützung :)

eBook HTML-Seminar.de Videokurs HTML + CSS + Webdesign erstellen

Video-Tutorial: über 210 Videos,
Gesamtspielzeit über 24 Stunden
Video-Kurs HTML5+CSS+Webdesign

© 2000-2014 Axel Pratzner • www.html-seminar.de • Stand 2.1.2014
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de