Das große HTML-Tutorial

Hier lernst du HTML, indem du es benutzt. Kein wochenlanger Theoriekurs, sondern eine Reihe von Anleitungen bei denen am Ende immer etwas Echtes im Browser steht. Du brauchst dafür genau zwei Dinge die du garantiert schon hast: einen Texteditor (der schlichteste reicht) und einen Browser. Kein Konto, keine Installation, keine Kosten.

Direkt loslegen: Teil 1 ist Deine erste HTML-Seite. In etwa zehn Minuten hast du eine eigene Seite im Browser offen, die du selbst geschrieben hast.

Der Fahrplan

Die Tutorials bauen lose aufeinander auf. Du kannst sie der Reihe nach machen oder dir rauspicken was du gerade brauchst:

Deine erste HTML-Seite: Datei anlegen, Grundgerüst rein, im Browser öffnen.
Homepage in 15 Minuten: eine kleine komplette Seite mit Überschrift, Text, Bild und Links.
Navigation erstellen: ein Menü das auf mehrere Unterseiten führt.
Bilder einbinden: Fotos auf die Seite bringen, mit Alt-Texten und vernünftigen Dateigrößen.
Tabelle erstellen: Daten sauber in Zeilen und Spalten.
Kontaktformular: Eingabefelder, Beschriftungen und der Absenden-Button.
Zweispaltiges Layout: Inhalt und Seitenleiste nebeneinander.
Footer erstellen: der Fußbereich mit den üblichen Links.
Responsive Webseite: eine Seite die auf dem Handy genauso funktioniert wie am Monitor.
Bildergalerie, FAQ-Seite und Landingpage: drei kleine Praxisprojekte.
Persönliche Homepage: dein Abschlussprojekt, eine komplette eigene Website.
Retro-Homepage: zum Spaß eine Seite im Stil von 1998, natürlich mit sauberem modernem Code.
HTML-E-Mail Grundlagen: warum E-Mails eine Welt für sich sind.

Wie die Tutorials aufgebaut sind

Jeder Teil zeigt dir erst kurz das Ziel, dann geht es Schritt für Schritt durch den Code. Alles was neu ist, wird direkt erklärt und auf die passende Seite in den HTML-Grundlagen oder der Elementreferenz verlinkt, falls du tiefer einsteigen willst. Und ganz wichtig: Tippfehler und Sackgassen gehören zum Lernen dazu. Wenn was nicht klappt, hilft meist der Validator oder ein zweiter Blick auf die Verschachtelung.

Zwischendurch: einfach ausprobieren

Für schnelle Experimente zwischen den Teilen gibt es die HTML-Spielwiese. Code reintippen, Ergebnis ansehen, weitermachn. Und wenn du wissen willst wie dir KI-Werkzeuge beim Bauen helfen können (und wo du aufpassen musst), findest du das im Bereich HTML + KI.