HTML & CSS

Struktur und Aussehen des Webs — von den ersten Tags bis zum Lesen und Reparieren von KI-generiertem HTML.

fertig13 Lektionen
webhtmlcssfrontendlayoutki-code
Lektion starten →

HTML ist das Skelett einer Seite, CSS die Haut darüber. Wer beide versteht, kann jede Web-Oberfläche lesen — und das ist heute wichtiger denn je: KIs schreiben Markup im Sekundentakt, aber wer es nicht lesen kann, kann es auch nicht reparieren. Dieser Kurs baut von den Grundlagen (Tags, Selektoren, Box-Modell) über modernes Layout (Flexbox, Grid, Responsive) bis zu einer eigenen Sektion: KI-HTML schnell erkennen, lesen, verstehen und debuggen.

Wo soll ich anfangen?

Drei Reisen durch das Material – such dir aus, was zu dir passt.

🌱

Grundlagen

Was HTML und CSS sind, das Grundgerüst, Selektoren, das Box-Modell und die Kaskade.

  1. 1Was HTML & CSS sind
  2. 2Das HTML-Grundgerüst & semantische Tags
  3. 3CSS einbinden & die Anatomie einer Regel
  4. 4Das Box-Modell
  5. 5Kaskade, Vererbung & Spezifität
Pfad starten →
📐

Modernes Layout

Flexbox, Grid, Positionierung & Stacking, Responsive Design — wie man heute Layouts baut.

  1. 1Flexbox
  2. 2CSS Grid
  3. 3Position & Stacking
  4. 4Responsive Design
Pfad starten →
🤖

KI-HTML meistern

KI-generiertes Markup erkennen, schnell lesen, verstehen und systematisch bugfixen — plus Übungen mit KI-Review.

  1. 1KI-HTML erkennen
  2. 2KI-HTML schnell lesen & verstehen
  3. 3KI-HTML systematisch bugfixen
  4. 4Übungsaufgaben
Pfad starten →

Die ganze Landkarte

Grundlagen

Struktur, Stil und die Regeln dahinter.

Modernes Layout

Wie man 2025 Layouts baut.

KI-HTML lesen & reparieren

Markup, das eine KI geschrieben hat, souverän handhaben.