HTML -Tutorial

HTML-HOME HTML-Einführung HTML-Editoren HTML-Basis HTML-Elemente HTML-Attribute HTML-Überschriften HTML-Absätze HTML-Stile HTML-Formatierung HTML-Zitate HTML-Kommentare HTML-Farben HTML-CSS HTML-Links HTML-Bilder HTML-Favicon HTML-Tabellen HTML-Listen HTML-Block und Inline HTML-Klassen HTML-ID HTML-Iframes HTML-JavaScript HTML-Dateipfade HTML-Kopf HTML-Layout HTML-responsiv HTML Computercode HTML-Semantik HTML-Styleguide HTML-Entitäten HTML-Symbole HTML-Emojis HTML-Zeichensatz HTML-URL-Codierung HTML vs. XHTML

HTML -Formulare

HTML-Formulare HTML-Formularattribute HTML-Formularelemente HTML-Eingabetypen HTML-Eingabeattribute HTML-Eingabeformularattribute

HTML -Grafiken

HTML-Leinwand HTML-SVG

HTML- Medien

HTML-Medien HTML-Video HTML-Audio HTML-Plugins HTML-YouTube

HTML -APIs

HTML-Geolokalisierung HTML-Drag/Drop HTML-Webspeicher HTML-Webworker HTML-SSE

HTML- Beispiele

HTML-Beispiele HTML-Quiz HTML-Übungen HTML-Zertifikat HTML-Zusammenfassung HTML-Barrierefreiheit

HTML -Referenzen

HTML-Tag-Liste HTML-Attribute Globale HTML-Attribute HTML-Browser-Unterstützung HTML-Ereignisse HTML-Farben HTML-Leinwand HTML-Audio/Video HTML-Doctypes HTML-Zeichensätze HTML-URL-Codierung HTML-Sprachcodes HTTP-Nachrichten HTTP-Methoden PX-zu-EM-Konverter Tastatürkürzel

HTML -Überschriften


HTML-Überschriften sind Titel oder Untertitel, die Sie auf einer Webseite anzeigen möchten.


Beispiel

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

HTML-Überschriften

HTML-Überschriften werden mit den <h1>to <h6>-Tags definiert.

<h1>definiert die wichtigste Überschrift. <h6>definiert die am wenigsten wichtige Überschrift.

Beispiel

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Hinweis: Browser fügen vor und nach einer Überschrift automatisch etwas Leerraum (einen Rand) hinzu.


Überschriften sind wichtig

Suchmaschinen verwenden die Überschriften, um die Struktur und den Inhalt Ihrer Webseiten zu indizieren.

Benutzer überfliegen eine Seite oft anhand ihrer Überschriften. Es ist wichtig, Überschriften zu verwenden, um die Dokumentstruktur darzustellen.

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

Hinweis: Verwenden Sie HTML-Überschriften nur für Überschriften. Verwenden Sie keine Überschriften, um Text GROSS oder fett darzustellen .


Größere Überschriften

Jede HTML-Überschrift hat eine Standardgröße. Sie können jedoch die Größe für jede Überschrift mit dem styleAttribut angeben, indem Sie die CSS- font-sizeEigenschaft verwenden:

Beispiel

<h1 style="font-size:60px;">Heading 1</h1>


HTML-Übungen

Testen Sie sich mit Übungen

Übung:

Verwenden Sie das richtige HTML-Tag, um eine Überschrift mit dem Text „London“ hinzuzufügen.



<p>London ist die Hauptstadt von England. Es ist die bevölkerungsreichste Stadt im Vereinigten Königreich mit einem Ballungsgebiet von über 13 Millionen Einwohnern.</p>


HTML-Tag-Referenz

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

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .