Überschriften

In der vorigen Lektion haben wir gelernt, wie die HTML-Struktur aufgebaut ist, die wir in jedem HTML-Dokument brauchen. In dieser Lektion schauen wir uns verschiedene HTML-Elemente an, mit denen wir den Inhalt von Webseiten erstellen. Da sie den sichtbaren Inhalt der Seite bilden, schreiben wir sie in das Element body.

Im Editor findest du das Seitengerüst aus der vorigen Lektion. Diesmal bauen wir eine Seite über die Hauskatze: Der head enthält schon das Element meta mit dem Zeichensatz und das Element title mit dem Titel Hauskatze.

In dieser Übung beginnen wir mit den Überschriften. Das Element h1 kennst du schon aus der vorigen Lektion, aber HTML hat sechs Ebenen von Überschriften, von h1 bis h6 (h steht für Überschrift, englisch heading, und die Zahl ist die Ebene):

<h1>Überschrift der Ebene 1</h1>
<h2>Überschrift der Ebene 2</h2>
<h3>Überschrift der Ebene 3</h3>
<h4>Überschrift der Ebene 4</h4>
<h5>Überschrift der Ebene 5</h5>
<h6>Überschrift der Ebene 6</h6>

h1 ist die Hauptüberschrift der Seite. Sie sagt, worum es auf der ganzen Seite geht, deshalb hat eine Seite normalerweise nur eine h1. Überschriften h2 teilen die Seite in Abschnitte, Überschriften h3 teilen diese Abschnitte in kleinere Teile, und so weiter bis h6.

Browser zeigen h1 am größten an und jede tiefere Ebene etwas kleiner. Wähle die Ebene einer Überschrift aber nach ihrer Wichtigkeit, nicht nach ihrer Größe. Wenn du eine Überschrift größer oder kleiner haben möchtest, kannst du ihre Größe mit CSS ändern.