Eine HTML Überschrift definieren

Bei der Textstrukturierung ist die Überschrift eines der wesentlichen Merkmale um Textabschnitte zu kennzeichnen. HTML bietet mit dem Element h (h = heading = Überschrift) die Möglichkeit Überschriften 6 Ebenen tief anzuwenden.

Das Element h1 bis h6

Um eine HTML Überschrift einzuleiten nutzen Sie z.B. das Element <h1> und zum abschließen der HTML Überschrift, das entsprechende Gegenstück </h1>. Zwischen dem Start-Tag und dem End-Tag steht der gewünschte Text, der als Überschrift gekennzeichnet werden soll.

Quelltext:

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

Ausgabe:

Überschrift der 1. Ordnung

Überschrift der 2. Ordnung

Überschrift der 3. Ordnung

Überschrift der 4. Ordnung

Überschrift der 5. Ordnung

Überschrift der 6. Ordnung

Eine HTML Überschrift ausrichten

Mit dem Attribut align="Wert" (align = ausrichten) im einleitenden Überschriften-Element <h1>, können Sie bestimmen wie die Überschrift ausgerichtet werden soll. Dabei bestimmt "Wert" die Position.

Quelltext:

<h3 align="center">Überschrift der 3. Ordnung zentriert</h3>
<h3 align="right">Überschrift der 3. Ordnung rechtsbündig</h3>
<h3 align="left">Überschrift der 3. Ordnung linksbündig</h3>
<h3 align="justify">Überschrift der 3. Ordnung im Blocksatz. Diese Form 
der Ausrichtung einer HTML Überschrift wird erst dann sichtbar, wenn 
der Text der Überschrift mehrere Zeilen lang ist</h3>

Ausgabe:

Überschrift der 3. Ordnung zentriert

Überschrift der 3. Ordnung rechtsbündig

Überschrift der 3. Ordnung linksbündig

Überschrift der 3. Ordnung im Blocksatz. Diese Form der Ausrichtung einer HTML Überschrift wird erst dann sichtbar, wenn der Text der Überschrift mehrere Zeilen lang ist

10287 Views

Letzte Aktualisierung: 01.12.2009

Tags: , , , , , , , , , ,

1 Kommentar zu “Eine HTML Überschrift definieren”

Am 18.07.2012 um 18:11 Uhr

Es wäre schön, wenn es noch mehr solcher Anleitungen für Anfänger geben würde…

2 Trackbacks

Am 10. November 2009 um 09:14 Uhr
Am 19. April 2011 um 02:11 Uhr

Sag deine Meinung zu diesem Artikel