Dokumentation
HTML

HTML Texte und Überschriften

Überschriften, Absätze und Textauszeichnung semantisch richtig einsetzen.

HTML Texte und Überschriften

Überschriften, Absätze und Textauszeichnung semantisch richtig einsetzen. Diese Seite ist als Lernunterlage, Nachschlagewerk und Prüfungsvorbereitung für die CAP-Ausbildung gedacht.

Lernziele

  • Überschriften von h1 bis h6 sinnvoll hierarchisch verwenden
  • p, strong, em, br und hr unterscheiden
  • typische Fehler in Dokumentstrukturen erkennen

Erklärung

Überschriften gliedern ein Dokument. Sie sind nicht nur größerer Text, sondern bilden eine Inhaltsstruktur. Eine Seite sollte normalerweise eine klare h1 haben, darunter folgen Abschnitte mit h2, Unterabschnitte mit h3 und so weiter.

strong markiert wichtige Inhalte, em betont Inhalte. Beide Elemente haben Bedeutung. br ist nur ein Zeilenumbruch und kein Werkzeug für Abstände. hr trennt thematisch zusammengehörige Bereiche.

Beispiele

<main>
  <h1>Web Security Grundlagen</h1>
  <section>
    <h2>Passwörter</h2>
    <p><strong>Lange Passphrasen</strong> sind meist besser als kurze, komplexe Wörter.</p>
  </section>
</main>

Die Überschriften zeigen die Struktur, der Absatz enthält den eigentlichen Lerninhalt.

<p>Kontakt:<br>Max Muster<br>[email protected]</p>

br kann bei Adress- oder Kontaktdaten sinnvoll sein. Für Layout-Abstände ist CSS zuständig.

Typische Fehler

  • Überschriftenebenen überspringen, weil eine Ebene optisch besser aussieht.
  • strong verwenden, nur um Text fett zu machen.
  • Mehrere Absätze durch viele <br> statt durch mehrere <p> schreiben.

Best Practices

  • Plane die Überschriften wie ein Inhaltsverzeichnis.
  • Verwende CSS für Optik, nicht falsche Überschriftenebenen.
  • Halte Absätze kurz genug, damit Lernende Inhalte schnell erfassen.

Kleine Übung

Korrigiere eine Seite, in der alle Überschriften als <h1> geschrieben sind. Erstelle eine sinnvolle Hierarchie mit h1, h2 und h3.

Zusammenfassung

HTML ist dann gut, wenn die Bedeutung der Inhalte klar erkennbar ist. Saubere Struktur, passende Elemente und barrierearme Grundregeln machen Seiten robuster, verständlicher und leichter prüfbar.

Weiterführende Seiten

Zuletzt aktualisiert: 7. Juni 2026

Tabellen

Tabellarische Daten mit caption, thead, tbody, th, td und scope auszeichnen.

Übungen

Aufgaben, Fehleranalyse und Mini-Projekte zur Prüfungsvorbereitung.