HTML lernen
Ein kostenloser, interaktiver Online-HTML-Kurs. In jeder Lektion schreibst du selbst HTML, mit Live-Vorschau beim Tippen und einem kostenlosen Zertifikat am Ende.
348,572+ codders eingeschrieben
241 Lektionen233 Aufgaben1,192 Quizfragen
- Anfängerfreundlich
KI-gestützte Coding-Hilfe
Praktische, interaktive Lektionen
Audio-Erzählung in jeder Lektion
Quizfragen zum Wissenstest
Kostenloses Abschlusszertifikat
Lehrplan
Abschnitt 1
Grundlagen
Abschnitt startenStartenLernen Sie die grundlegende Struktur und Syntax, um Webseiten von Grund auf zu erstellenHTML-Grundlagen
5 Lektionen529Text und Formatierung
6 Lektionen1135Arbeiten mit Listen
4 Lektionen721Rezeptkarte
Projekt4 Lektionen4Inhalte hinzufügen
5 Lektionen837Seitenlayout
5 Lektionen930Persönliche Profilseite
Projekt5 Lektionen5Formulare und Eingaben Teil 1
6 Lektionen936Formulare und Eingaben Teil 2
7 Lektionen1239Tabellen
4 Lektionen723Event-Registrierungsseite
Projekt5 Lektionen5Abschlussherausforderungen
4 Lektionen4Abschnitt 2
Styling mit CSSEigene Seite
Abschnitt startenStartenBringen Sie Ihre Webseiten mit Farben, Layouts und Stilen zum LebenEinführung
5 Lektionen540CSS hinzufügen
4 Lektionen725Grundlegende Selektoren
7 Lektionen1247Textgrundlagen
8 Lektionen1450Farben und Hintergründe
5 Lektionen834Café-Menü
Projekt3 Lektionen3Box-Modell Teil 1
6 Lektionen943Box-Modell Teil 2
5 Lektionen833Flexbox
6 Lektionen943Anmeldeformular
Projekt4 Lektionen4Layout-Techniken
7 Lektionen1151Grundlagen des Responsive Designs
6 Lektionen1052Tonga-Webseite
Projekt6 Lektionen6Letzte Herausforderungen
4 Lektionen4Abschnitt 3
CSS-MeisterschaftEigene Seite
Abschnitt startenStartenBringen Sie Ihre CSS-Fähigkeiten auf das nächste Level!Selektoren-Meisterschaft – Kombinationen
6 Lektionen539Interaktive Pseudoklassen
5 Lektionen431Strukturelle Pseudoklassen
5 Lektionen432Projekt: Dropdown-Menü
4 Lektionen4Visuelle Effekte
5 Lektionen536Landing Page
5 Lektionen5Erstellen mit CSS Grid
4 Lektionen426Flavor Fiesta Website
4 Lektionen4Abschluss-Herausforderungen
5 Lektionen5Abschnitt 4
Praktisches Frontend
Abschnitt startenStartenKombinieren Sie Struktur und Stil, um vollständige, responsive Webseiten zu gestaltenVariablen
5 Lektionen432Mobile-First-Strategie
6 Lektionen643Themeing & visuelle Stile
5 Lektionen535Extremsport
3 Lektionen3UI-Komponenten
6 Lektionen642Responsive Muster
6 Lektionen645Abschließende Herausforderungen
4 Lektionen4Abschnitt 5
JavaScript in Aktion
Abschnitt startenStartenErkunden Sie, wie JavaScript mit HTML und CSS verwendet wirdInteraktivität/UI-Komponenten
4 Lektionen433Formulare & Validierung
3 Lektionen324Benachrichtigungen & Feedback
3 Lektionen327Formular mit Toast-Benachrichtigung
2 Lektionen2Navigation
3 Lektionen329Design & Personalisierung
2 Lektionen217Animationen & Effekte
3 Lektionen327Animierte Navigation
3 Lektionen36Abschlussherausforderungen
4 Lektionen4
HTML-Kurse
Praktische HTML-Kurse, kostenlos im Browser zu starten.
Sonnenfinsternis-Animation | HTML/CSS Projekt
BeliebtIn diesem Kurs erstellst du eine beeindruckende „Sonnenfinsternis“-Animation. Erfahre, wie man mit Animationen ansprechende und funktionale Benutzeroberflächen gestaltet.
- 10
- 8
- 1
Instagram-Clone | Front-End-Projekt
BeliebtIn diesem Kurs übst du standardmäßige und einfache HTML & CSS Ansätze und erstellst ein eigenes Instagram-Clone-Projekt.
- 16
- 14
- 1
HTML/CSS Herausforderungen - Paket I
Dieser Kurs wird dein Wissen über HTML und CSS auf unterhaltsame und effektive Weise herausfordern!
- 11
HTML - Website für Anfänger
In diesem Kurs testest du dein HTML-Grundwissen und erstellst deine eigene einfache Website mit Bild und Text. Bist du bereit?
- 5
- 4
- 1
Untere Navigationsleiste - HTML/CSS Projekt
In diesem Kurs erstellst du eine einfache untere Navigationsleiste mit HTML und gestaltest sie mit CSS. Du lernst, wie du mithilfe des (:hover)-Selektors in CSS einfache Animationen hinzufügst.
- 12
- 11
- 1
YouTube Video-Player - HTML-Projekt
In diesem Projekt erstellst du einen YouTube Video-Player mit HTML und lernst dabei verschiedene Attribute kennen.
- 7
- 5
- 1
Lernen durch Tun
Schreibe echten Code, frage Datenbanken ab, erstelle Websites und meistere KI-Prompts. Unsere interaktiven Lektionen decken alle Fähigkeiten ab, die moderne Entwickler brauchen.
Baue deine Serie auf
Bleib konsequent und sieh zu, wie dein Fortschritt wächst! Verfolge deine tägliche Programmiergewohnheit, schütze deine Serie mit Einfrieroptionen und verdiene Belohnungen für jeden Tag.
12 Tage Serie
Komm morgen zurück, um deine Serie zu halten!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Doppelt oder Nichts
Tag 5 von 7
Serie Einfrieren
2 left
Überall coden
Nimm deine Programmierreise mit! Keine Einrichtung, keine Downloads: einfach öffnen und loslegen. Verfügbar auf iOS, Android und Web mit 4,9-Sterne-Bewertungen.
Du bist nicht allein
Tritt auf globalen Bestenlisten an, lade Freunde ein, um Belohnungen zu verdienen, und feiert gemeinsam eure Erfolge. Programmieren macht mit Freunden mehr Spaß!
1
2
3
AufstiegszoneJeder Lernweg, alles dabei
Lies, höre, teste dich, frag die KI oder schlage nach, was du schon gelernt hast. Jede Lektion passt sich dir an.
Eine Variable ist ein benannter Container, der einen Wert speichert, auf den du später im Programm verweisen kannst.
In Python erstellst du eine, indem du den Namen, ein Gleichheitszeichen und dann den Wert schreibst.
Der Wert kann sich ändern. Eine neue Zuweisung verweist den Namen einfach auf einen neuen Wert.
Werde zertifiziert
Verdiene Zertifikate für jeden abgeschlossenen Kurs. Füge sie deinem LinkedIn-Profil und Lebenslauf hinzu, um Arbeitgebern deine Programmierkenntnisse zu zeigen.
AbschlusszertifikatPython-Grundlagen
Zu LinkedIn hinzufügenWarum HTML mit Coddy lernen
- Schreib HTML im Browser und sieh die gerenderte Seite direkt daneben. Kein Editor zu installieren, kein Setup. Jede Änderung am HTML-Code erscheint sofort live – die Feedback-Schleife ist kurz.
- Modernes, semantisches HTML: Überschriften, Listen, Links, Bilder, Tabellen, Formulare und semantische Tags wie
<header>,<nav>,<main>,<section>,<footer>. Genau das HTML, mit dem du auch wirklich eine echte Website baust. - KI-Hinweise helfen dir, HTML-Fehler zu beheben – nicht geschlossene Tags, kaputte Attribut-Syntax, Accessibility-Patzer – ohne die Lösung zu verraten, damit gute HTML-Gewohnheiten hängen bleiben.
- Kostenloses HTML-Zertifikat zum Abschluss. Ein glaubwürdiger erster Schritt in die Webentwicklung – passt nahtlos zu den Kursen für CSS und JavaScript.
Häufige Fragen zum Lernen von HTML
Ist HTML leicht zu lernen?
HTML ist eines der einfachsten Dinge, die du in der Tech-Welt lernen kannst. Es ist eine Auszeichnungssprache, keine Programmiersprache – du beschriftest Inhalte (Überschriften, Absätze, Links, Bilder), statt Logik zu schreiben. Die meisten Anfänger bauen ihre erste richtige Webseite schon in der ersten Stunde.
Wie lange dauert es, HTML zu lernen?
Die Grundlagen von HTML lassen sich mit täglicher Übung oft in ein bis zwei Wochen lernen. Für eigene reale Projekte solltest du je nach Tempo eher ein bis drei Monate einplanen.
Sollte ich HTML vor CSS und JavaScript lernen?
Ja. HTML legt die Struktur einer Seite fest, CSS bestimmt das Aussehen und JavaScript macht sie interaktiv. Wenn du zuerst HTML lernst, hast du später etwas Konkretes, das du gestalten und animieren kannst. Der HTML-Kurs ist bewusst kurz gehalten, damit du schnell zu CSS und JS weitergehen kannst.
Ist HTML eine Programmiersprache?
Streng genommen nein. HTML ist eine Auszeichnungssprache, mit der die Struktur von Webinhalten beschrieben wird. Sie hat von sich aus keine Variablen, Bedingungen oder Schleifen. Die eigentliche Programmierung auf einer Webseite kommt von JavaScript, das in einem separaten Kurs behandelt wird.
Kann ich HTML kostenlos online lernen?
Ja. Der interaktive HTML-Kurs ist kostenlos – Lektionen, Programmierübungen, eine Live-Vorschau des HTML und ein Zertifikat. Alles läuft im Browser, du musst also weder einen Editor noch sonstige Tools installieren, um loszulegen.
Bekomme ich nach dem HTML-Kurs ein Zertifikat?
Ja. Wenn du den HTML-Kurs abschließt, bekommst du ein kostenloses Abschlusszertifikat. Ein nachprüfbarer Nachweis, den du in deinen Lebenslauf aufnehmen oder auf LinkedIn teilen kannst – meist als Zwischenschritt auf dem Weg zu einem vollständigen Portfolio aus HTML, CSS und JavaScript.
