🧪 HTML-Spielplatz – probier dich aus

Links schreibst du HTML, rechts siehst du sofort die Vorschau. Nutze die Buttons, um Bausteine einzufügen. (Tipp: Speichern, Browser neu laden = deine Änderungen bleiben in der Datei.)
Modus: Sandbox Live-Vorschau Baukasten
Wichtig: In HTML nennt man das keine „Formeln“, sondern Tags/Elemente. Beispiel: <p>Text</p>.

🛠️ Dein HTML

🎯 Mini-Challenges (optional)
Wähle eine Challenge und klick auf Prüfen. Du kannst auch einfach frei spielen.
📚 Cheat-Sheet (die wichtigsten Tags)
  • <h1>…</h1> Überschrift
  • <p>…</p> Absatz
  • <a href="...">Text</a> Link
  • <img src="..." alt="..."> Bild
  • <ul><li>…</li></ul> Liste
  • <section id="...">…</section> Bereich
  • <form>…</form> Formular
  • <label for="id">…</label> <input id="id"> Label + Input
  • <header>, <main>, <footer> Seitenstruktur

👀 Vorschau

Wenn du “kaputtes HTML” schreibst, versucht der Browser es trotzdem irgendwie zu reparieren. Dann sieht es manchmal komisch aus – das ist normal.