HTML Überschriften

HTML Überschriften auf einen Blick

H1 Überschrift

H2 Überschrift

H3 Überschrift

H4 Überschrift

H5 Überschrift
H6 Überschrift

HTML Überschriften

Überschriften werden mit den Tags <h1> bis <h6> definiert.

<h1> definiert die wichtigste Überschrift. <h6> definiert die unwichtigste Überschrift.

Demo Beispiel


HTML Überschriften sind wichtig

Suchmaschinen verwenden die Überschriften, um die Struktur und den Inhalt von Webseiten zu erkennen.

Benutzer überfliegen Ihre Seiten anhand ihrer Überschriften. Es ist relevant und wichtig, Überschriften zu verwenden, um die Dokumentstruktur begreiflich und ersichtlich zu machen.

<h1> Überschriften werden für Hauptüberschriften verwendet, gefolgt von <h2> Überschriften, dann die weniger wichtigen <h3> und so weiter.


Größere Überschriften

Jede HTML Überschrift hat eine Standardgröße. Die Größe für jede Überschrift, kann mit dem style Attribut unter Verwendung der Eigenschaft font-size verändert und definiert werden:

Demo Beispiel


HTML horizontale Regeln

Das <hr> Tag definiert einen thematischen Bruch, also ein neues Thema in einer HTML Webseite und wird meistens als horizontale Regel, bzw. horizontaler Trenner angezeigt.

Das <hr> Element wird benutzt, um den Inhalt Themen, Inhalts oder Struktur gewünscht, in einer HTML Webseite zu trennen (oder eine Änderung zu definieren und dieses optisch zu untermalen):

Demo Beispiel


Das HTML <head> Element

Das HTML <head> Element hat nichts mit den HTML Überschriften zu tun.

Das <head> Element ist ein Container für Metadaten. HTML Metadaten sind Daten über das HTML Dokument. Metadaten werden nicht angezeigt auf der Webseite.

Das <head> Element befindet sich zwischen dem <html> Tag und dem <body> Tag:

Demo Beispiel


Wie kann man HTML Quellcode sehen?

Hast du dir mal eine Webseite angeschaut und gedacht: Hey wie machen die das nur?

HTML Quellcode ansehen

Klicken Sie mit der rechten Maustaste innerhalb einer HTML Seite und wählen Sie "Seitenquelltext anzeigen" (in Chrome) oder "Quelle anzeigen" (in IE) oder ähnlich in anderen Browsern. Dies öffnet ein Fenster, das den HTML-Quellcode der Seite enthält und diesen sichtbar macht.

Untersuchen eines HTML Elementes

Klicken Sie mit der rechten Maustaste auf ein Element (oder einen leeren Bereich innerhalb der Webseite) und wählen Sie "Untersuchen" oder "Element untersuchen", um zu sehen, aus welchen Elementen die Elemente bestehen (Sie sehen den HTML und CSS Quellcode). Sie können den HTML oder CSS Code auch direkt im eingeblendeten Bedienfeld bearbeiten und ändern.


HTML Tag Referenz

Die Tag-Referenz von W3Schule enthält zusätzliche Informationen zu diesen Tags und ihren Attributen.

In den nächsten Kapiteln dieses Tutorials erfahren Sie mehr über HTML Tags und Attributen.

Tag Beschreibung
<html> Definiert den Stamm eines HTML Dokuments oder einer Webseite.
<body> Definiert den Dokumentenkörper oder den der Webseite.
<head> Ein Container für alle Hauptelemente (Titel, Skripte, Stile, Metainformationen und mehr).
<h1> bis <h6> Definieren HTML Überschriften.
<hr> Definiert eine thematische Änderung des Inhalts innerhalb eines Dokumentes oder einer Webseite.