💯 HTML lernen – kostenlos, werbefrei im Inhalt, ohne Anmeldung 🍃 Keine Cookies · 👁️ Kein Tracking · 🔓 Keine Anmeldung
10 Lektionen · Keine Vorkenntnisse nötig

Der Anfänger-Kurs

Du hast noch nie eine Zeile HTML geschrieben? Perfekt. In zehn aufeinander aufbauenden Lektionen lernst du alles, was eine echte Webseite braucht – Schritt für Schritt, mit vielen Beispielen zum direkten Ausprobieren im Browser.

Alle Lektionen

  1. Was ist HTML? Was ist HTML eigentlich – und was nicht? Verstehe die Sprache des Webs, schreibe deine erste Zeile Code und sieh sofort das Ergebnis im Browser. ⏱️ 10 Min.
  2. Das HTML-Grundgerüst Doctype, html, head und body: Lerne das Grundgerüst jeder Webseite kennen, speichere deine erste eigene HTML-Datei und öffne sie stolz im Browser. ⏱️ 14 Min.
  3. Überschriften & Text auszeichnen Von h1 bis h6, von strong bis em: Zeichne Überschriften und Text mit Bedeutung aus, meistere Sonderzeichen und vermeide typische Anfängerfehler. ⏱️ 13 Min.
  4. Links: das Web verknüpfen Mit a und href verknüpfst du das Web: absolute und relative Pfade, Sprungmarken, mailto-Links, neue Tabs – und Linktexte, die jeder sofort versteht. ⏱️ 14 Min.
  5. Bilder einbinden Vom ersten img-Tag bis zur Bildunterschrift: Lerne, Bilder mit gutem Alternativtext einzubinden, das passende Format zu wählen und Rechte zu achten. ⏱️ 13 Min.
  6. Listen: geordnet & ungeordnet Einkaufsliste, Anleitung, Glossar: Lerne ul, ol und dl sicher einzusetzen, verschachtele Listen ohne den Klassiker-Fehler – und erkenne, wann keine Liste passt. ⏱️ 12 Min.
  7. Tabellen für Daten Stundenplan, Preisliste, Fahrplan: Baue echte Datentabellen mit table, th und td – zugänglich dank caption und scope, flexibel dank colspan und rowspan. ⏱️ 13 Min.
  8. Formulare: Eingaben der Nutzer Formulare machen deine Seite interaktiv: Lerne form, label und input, die wichtigsten Eingabetypen, select und textarea – barrierefrei von Anfang an. ⏱️ 14 Min.
  9. Seitenstruktur & semantische Elemente Gib deiner Seite ein Skelett: Mit header, nav, main, article, aside und footer strukturierst du Webseiten so, dass Menschen und Maschinen sie verstehen. ⏱️ 12 Min.
  10. Validieren, Werkzeuge & dein Weg weiter Prüfe dein HTML mit dem W3C-Validator, entdecke die Entwicklerwerkzeuge deines Browsers und baue dein Abschlussprojekt: eine komplette Über-mich-Seite. ⏱️ 15 Min.

Mit Lektion 1 starten Unsicher? Zum Einstufungstest