Learn-Program
Zurück zu HTML

HTML

Struktur

Jede HTML-Seite braucht ein klares Grundgerüst. Browser, Suchmaschinen und Screenreader verlassen sich darauf.

Grundgerüst

Der doctype steht ganz oben und aktiviert den modernen HTML-Modus.

Das html-Element umschliesst die gesamte Seite. Das lang-Attribut hilft Browsern und assistiven Technologien.

Im head stehen technische Informationen. Im body steht alles, was Nutzer im Browser sehen.

<!DOCTYPE html><html><head><body>
Minimale HTML-Seite
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8">
    <title>Meine Seite</title>
  </head>
  <body>
    <main>
      <h1>Hallo HTML</h1>
      <p>Hier steht sichtbarer Inhalt.</p>
    </main>
  </body>
</html>

Head-Bereich

Der title erscheint im Browser-Tab und ist wichtig für Orientierung.

Meta-Tags beschreiben Zeichensatz, Viewport, Beschreibung oder Autor.

link und script verbinden HTML mit CSS, Icons und JavaScript.

<title><meta><link><script>

Semantisches Layout

Semantische Tags beschreiben die Rolle eines Bereichs, statt nur ein neutrales div zu verwenden.

header, nav, main, section, article, aside und footer machen die Seitenstruktur lesbarer und barriereärmer.

<header><nav><main><section><article><aside><footer>

Fortschritt

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.