HTML-Titel

In HTML-Dokumenten sind Überschriften wichtig.

HTML-Titel

Überschriften (Heading) werden durch <h1> - <h6> und andere Tags definiert.

<h1> definiert die größte Überschrift.<h6> definiert die kleinste Überschrift.

Beispiel

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Probieren Sie es selbst aus

Anmerkung:Browser fügen automatisch Leerzeilen vor und nach Überschriften hinzu.

Anmerkung:Standardmäßig fügt HTML automatisch zusätzliche Leerzeilen vor und nach Blockelementen hinzu, wie z.B. Absätzen und Überschriften.

Überschriften sind wichtig

Stellen Sie sicher, dass Sie die HTML-Überschriften-Tags nur für Überschriften verwenden. Verwenden Sie Überschriften nicht nur, um fette oder große Texte zu erzeugen.

Suchmaschinen verwenden Überschriften, um die Struktur und den Inhalt Ihrer Webseite zu indexieren.

Da Benutzer durch Überschriften schnell durch Ihre Webseite blättern können, ist es wichtig, die Dokumentstruktur mit Überschriften darzustellen.

h1 sollte als Hauptüberschrift (wichtigste) verwendet werden, gefolgt von h2 (wichtiger), dann h3 und so weiter.

HTML-Horizontallinie

<hr />-Tag erstellt in einer HTML-Seite eine horizontale Linie.

Der hr-Element kann zur Trennung von Inhalten verwendet werden.

Beispiel

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Probieren Sie es selbst aus

Tipp:Eine Möglichkeit, Abschnitte in einem Artikel zu trennen, ist die Verwendung von Horizontallinien (Tag <hr>), aber dies ist nicht die einzige Methode.

HTML-Kommentare

Sie können Anmerkungen in den HTML-Code einfügen, was die Lesbarkeit verbessert und den Code verständlicher macht. Browser ignorieren Anmerkungen und zeigen sie nicht an.

So schreiben Sie Anmerkungen:

Beispiel

<!-- Dies ist ein Kommentar -->

Probieren Sie es selbst aus

Anmerkung:Nach dem Anfangsclown (linken Clown) muss ein Ausrufezeichen folgen, vor dem Schlussclown (rechten Clown) nicht.

Tipp:Der geordnete Gebrauch von Anmerkungen kann der zukünftigen Code-Editierung helfen.

HTML-Tipps - Wie Sie den Quellcode anzeigen

Sie haben sicherlich schon einmal eine Webseite gesehen und gedacht: "Wow! Wie hat das funktioniert?"

Wenn Sie das Geheimnis entdecken möchten, müssen Sie nur mit der rechten Maustaste klicken und "Quellcode anzeigen" (IE) oder "Seitenquellcode anzeigen" (Firefox) auswählen, ähnlich wie in anderen Browsern. Dies öffnet ein Fenster mit dem HTML-Code der Seite.

Beispiel aus dieser Seite

Überschriften
Wie Sie Überschriften in einem HTML-Dokument anzeigen.
Versteckte Anmerkungen
Wie Sie Anmerkungen im HTML-Quellcode einfügen.
Horizontale Linie
Wie Sie eine Horizontale Linie einfügen.

HTML Tag Referenzhandbuch

Das Tag-Referenzhandbuch von CodeW3C.com bietet mehr Informationen zu diesen Überschriften und ihren Attributen.

Sie werden im folgenden Kapitel dieses Tutorials mehr über HTML-Tags und Attribute lernen.

Tag Beschreibung
<html> Definieren Sie das HTML-Dokument.
<body> Definieren Sie den Hauptteil der Dokumentation.
<h1> bis <h6> Definieren Sie die HTML Überschriften
<hr> Definieren Sie die Horizontale Linie.
<!--...--> Definieren Sie Anmerkungen.