HTML Grundlagen

Bevor du in die einzelnen HTML-Elemente eintauchst, lohnt es sich, die Grundlagen zu verstehen. Diese Artikel-Reihe führt dich Schritt für Schritt durch die wichtigsten Konzepte — von der Frage "Was ist HTML überhaupt?" bis hin zu semantischem HTML und Barrierefreiheit.

Kapitel 1

Was ist HTML?

HTML ist die Sprache des Webs. Lerne, was HTML ist, wofür es verwendet wird und wie es mit CSS und JavaScript zusammenarbeitet.

Kapitel 2

HTML-Dokumentstruktur

Jedes HTML-Dokument folgt einer festen Grundstruktur: DOCTYPE, html, head und body. Lerne, was jeder Teil bedeutet.

Kapitel 3

Tags & Elemente

HTML besteht aus Tags und Elementen. Lerne den Unterschied, wie verschachteln funktioniert und was Void-Elemente sind.

Kapitel 4

HTML-Attribute

Attribute erweitern HTML-Elemente mit zusätzlichen Informationen. Lerne globale Attribute, Boolean-Attribute, data-Attribute und ARIA.

Kapitel 5

Semantisches HTML

Semantische HTML-Elemente geben deinem Inhalt Bedeutung. Lerne, warum header, nav, main und article besser sind als div.

Kapitel 6

Block- vs. Inline-Elemente

Block-Elemente nehmen die volle Breite ein, Inline-Elemente fließen im Text mit. Lerne den Unterschied und die CSS display-Eigenschaft.

Kapitel 7

Barrierefreiheit in HTML

Barrierefreies HTML sorgt dafür, dass alle Menschen deine Website nutzen können. Lerne ARIA-Rollen, Alt-Texte, Formulare und Tastaturnavigation.

Kapitel 8

HTML validieren

Lerne, wie du HTML-Code auf Fehler prüfst. W3C Validator, Browser DevTools und häufige Validierungsfehler erklärt.

Kapitel 9

Das popover-Attribut

Mit dem popover-Attribut baust du Overlays, Menüs und Hinweise direkt in HTML. Lerne popovertarget, Light Dismiss, den Top Layer und die Popover-API.