🏗️ Kurs

HTML & CSS

Grundlagen von Markup und Styling von Webseiten. Tags, Verschachtelung, Größen, Flexbox, responsives Layout nach Figma-Vorlage.

📹 11 Lektionen
🇩🇪 DE
🎯

💡 Die Hausaufgabe zur Lektion ist direkt auf der Lektionsseite (Download-Button unten).

📦 Modul 1 — HTML- und CSS-Grundlagen 3–13
3
Die gängigsten HTML-Tags: ul, ol, li, button
4
Wie man CSS in HTML verwendet: Schritt-für-Schritt-Anleitung
5
Wie Verschachtelung in HTML funktioniert und was width, height und background sind
6
Wie %, vw und vh in CSS funktionieren
7
Flexbox und wie display: flex, justify-content, align-items funktionieren
8
Flexbox und wie display: flex, flex-direction funktionieren
9
Flexbox und tiefe Verschachtelung
10
Einen Header aus Figma umsetzen: max-width, Responsivität
11
Figma: Schriftarten einbinden, margin einstellen und responsiv machen
12
Footer aus Figma: SVG-Icons, padding und responsives Layout
13
Einen Abschnitt aus Figma umsetzen: SVG-Icons, border, img und responsives Layout