HTML Grundlagen: Hauptüberschrift erstellen mit <h1>
- Text fett drucken (STRONG vs. B)
- Text kursiv drucken (EM vs. I)
- Text unterstreichen (INS vs. U)
- Text durchstreichen (DEL vs. S)
- Text tiefstellen oder hochstellen (SUB vs. SUP)
- Text kleiner oder größer anzeigen (SMALL oder BIG)
- Zitate erstellen (BLOCKQUOTE vs. Q)
- Tabellen erstellen
- Listen erstellen (UL vs. OL)
- Bereiche festlegen (DIV vs. SPAN)
Inhaltsübersicht HTML Grundlagen
Text formatieren
Haupt-Überschrift der Seite mit H1 erstellen
Jede einzelne Internetseite einer Website braucht genau eine Überschrift 1. Ordnung als Hauptüberschrift.
Die Hauptüberschrift wird mit dem HTML H1 Tag
<h1>Dies ist die Hauptüberschrift</h1>Ausgabe des HTML CodesDies ist die Hauptüberschrift
Überschriften sind Block-Elemente. Deshalb sind vor und nach der Überschrift Zeilenwechsel mit <br> nicht notwendig.
Standardmäßig werden Überschriften fett gedruckt. Überschriften sollten nicht benutzt werden, um Fließtext größer darzustellen. Sie dienen zur logischen Strukturierung des Textes. Die Überschrift H1 ist vergleichbar mit der Schlagzeile in der Zeitung und verwendet standardmäßig die Schriftgröße 2em. Mit CSS können die Eigenschaften angepasst werden.
HinweiseÜberschriften sollten kurz und aussagekräftig sein. Sie dürfen auch über mehr als eine Zeile gehen. Dabei ist zu beachten, dass die Überschrift auf kleinen Viewports (z.B. auf Smartphones) mehr Zeilen benötigt. Verwende keine Überschrift anderer Ordnung, weil die Schriftgröße der semantisch korrekten Überschrift nicht passend ist.