HTML Anfänger ~20 Std 1 Studenten eingeschrieben

HTML & CSS von Grund auf

Kompletter Webdesign-Kurs: vom ersten Tag bis Flexbox, Grid und Animationen. Code schreiben und Ergebnisse sofort mit Live-Vorschau sehen.

Jetzt lernen Bereits ein Konto? Anmelden
45 Lektionen
30 Aufgaben
2230 XP für den Kurs
~20 Std

Was du lernst

Wie das Web funktioniert
Deine erste HTML-Seite
Text und Typografie
Links und Navigation
Bilder und Medien
Listen und Tabellen
Formulare
Semantisches HTML5
CSS-Grundlagen
Box-Modell
Farben, Hintergründe & Schatten
Positionierung
Flexbox
CSS Grid
Responsives Design
Animationen & Übergänge
Modernes CSS
Abschlussprojekt

Dieser Kurs enthält

Interaktive Übungen mit sofortigem Feedback
Echter Compiler im Browser
Zertifikat nach Abschluss
Gamification: XP, Level, Abzeichen

Lehrplan

18 lektionen · 45 Lektionen · 30 Aufgaben

1

Wie das Web funktioniert

Erfahre, wie Browser Seiten laden und welche Tools ein Entwickler braucht

  • Wie das Internet funktioniert +10 XP
  • Entwicklertools +10 XP
2

Deine erste HTML-Seite

Erstelle deine erste Seite und verstehe die HTML-Dokumentstruktur

  • HTML-Dokumentstruktur +10 XP
  • Tags und Attribute +10 XP
  • Praxis: Erste Seite +15 XP
3

Text und Typografie

Lerne mit Überschriften, Absätzen und Textformatierung zu arbeiten

  • Überschriften h1–h6 +10 XP
  • Absätze und Formatierung +10 XP
  • Praxis: Text +15 XP
4

Links und Navigation

Lerne Links, Anker und Navigationsmenüs zu erstellen

  • Das <a>-Tag — Links +10 XP
  • Praxis: Links +15 XP
5

Bilder und Medien

Lerne Bilder einzufügen und alt und figure zu verwenden

  • Bilder in HTML +10 XP
  • Praxis: Bilder +15 XP
6

Listen und Tabellen

Lerne Listen und Tabellen zu erstellen

  • Listen in HTML +10 XP
  • Tabellen in HTML +10 XP
  • Praxis: Listen & Tabellen +15 XP
7

Formulare

Lerne Formulare mit verschiedenen Eingabetypen zu erstellen

  • Formulare: Grundlagen +10 XP
  • Eingabetypen +10 XP
  • Praxis: Formulare +15 XP
8

Semantisches HTML5

Lerne warum semantische Tags wichtig sind

  • Semantisches Markup +10 XP
  • Praxis: Semantik +15 XP
9

CSS-Grundlagen

Lerne Stile einzubinden und das Seitenaussehen zu steuern

  • Was ist CSS +10 XP
  • Grundlegende Selektoren +10 XP
  • Praxis: Erste Stile +15 XP
10

Box-Modell

Verstehe margin, padding, border und display

  • Box-Modell +10 XP
  • Display-Eigenschaft +10 XP
  • Praxis: Box-Modell +15 XP
11

Farben, Hintergründe & Schatten

Lerne mit Farben, Verläufen und Schatten zu arbeiten

  • Farben und Hintergründe +10 XP
  • Praxis: Farben & Schatten +15 XP
12

Positionierung

Verstehe position, z-index und overflow

  • Die Position-Eigenschaft +10 XP
  • Praxis: Positionierung +15 XP
13

Flexbox

Meistere das mächtigste Werkzeug für Ausrichtung und Layout

  • Flex-Container +10 XP
  • Flex-Elemente +10 XP
  • Praxis: Flexbox +15 XP
14

CSS Grid

Lerne das 2D-Grid für komplexe Layouts

  • Grid-Grundlagen +10 XP
  • Praxis: CSS Grid +15 XP
15

Responsives Design

Lerne Websites für jedes Gerät zu optimieren

  • CSS-Einheiten +10 XP
  • Media Queries +10 XP
  • Praxis: Responsive +15 XP
16

Animationen & Übergänge

Lerne flüssige Übergänge und CSS-Animationen

  • Übergänge +10 XP
  • Keyframe-Animationen +10 XP
  • Praxis: Animationen +15 XP
17

Modernes CSS

CSS-Variablen, calc(), Container Queries und moderne Features

  • CSS-Variablen +10 XP
  • Praxis: Modernes CSS +15 XP
18

Abschlussprojekt

Bringe alles zusammen — baue eine Landing Page

  • Entwickler-Checkliste +10 XP
  • Praxis: Landing Page +20 XP

Voraussetzungen

Keine Vorkenntnisse erforderlich — wir beginnen bei null

Kurs-FAQ

Brauche ich Programmiererfahrung?
Nein! Dieser Kurs ist für absolute Anfänger. Wir beginnen mit den Grundlagen und steigern schrittweise die Komplexität.
Wie funktionieren die Lektionen?
Jede Lektion enthält Theorie mit Beispielen und interaktive Aufgaben. Du schreibst Code direkt im Browser und unser Compiler überprüft das Ergebnis.
Wie lange dauert der Kurs?
Im Durchschnitt kann man den Kurs in wenigen Tagen bei 1-2 Stunden pro Tag abschließen. Aber es gibt keinen Zeitdruck — lerne in deinem Tempo.
Bekomme ich ein Zertifikat?
Ja! Nach Abschluss aller Lektionen und Aufgaben erhältst du ein elektronisches Zertifikat mit einer einzigartigen ID.

Bereit zu starten?

Registriere dich kostenlos und fange jetzt an zu programmieren. Erstes Ergebnis in 5 Minuten.

Jetzt lernen