Frontend-Grundlagen: HTML & CSS
Baue deine erste eigene Webseite — Schritt für Schritt. Du lernst, wie HTML die Struktur einer Seite festlegt und wie CSS sie gestaltet. Mit vielen Übungen zum direkten Mitmachen und deutschen Erklär-Videos. Ideal für das FIAE-Lernfeld 10 (Benutzerschnittstellen gestalten und entwickeln).
Jetzt anmelden und loslegen
Mit deinem kostenlosen Account bekommst du Zugriff auf den vollständigen Kursinhalt, alle Übungen und deinen persönlichen Lernfortschritt.
Das lernst du in diesem Kurs
- 1
Was ist HTML? Die Struktur einer Webseite
HTML als Skelett jeder Webseite verstehen — was Tags und Elemente sind.
- 2
Das HTML-Grundgerüst und die wichtigsten Text-Tags
Das Skelett jeder HTML-Datei plus Überschriften, Absätze und Listen.
- 3
Links, Bilder und Medien
Seiten verknüpfen mit <a> und Bilder einbinden mit <img>.
- 4
Semantisches HTML und der Seitenaufbau
Bedeutungsvolle Bausteine wie header, nav, main, footer statt nur div.
- 5
Formulare — Eingaben vom Nutzer entgegennehmen
Mit form, input, label und button Daten vom Besucher erfassen.
- 6
Was ist CSS? Einbinden und Selektoren
Vom HTML-Skelett zur gestalteten Seite — CSS-Regeln und Selektoren.
- 7
Das Box-Modell verstehen
Jedes Element ist eine Box: content, padding, border, margin.
- 8
Farben, Einheiten und Text-Styling
Farben angeben, Schrift gestalten und die richtigen Einheiten wählen.
- 9
Layout mit Flexbox
Elemente nebeneinander anordnen, zentrieren und verteilen mit Flexbox.
- 10
Layout mit Grid und Responsive Design
Zweidimensionale Raster mit Grid plus Media Queries für mobile Geräte.