So verwendest du Code Crispies
Code Crispies ist eine interaktive Plattform zum Lernen von HTML, CSS und Tailwind durch praktische Übungen.
Erste Schritte
Öffne das Menü (☰), um ein Lektionsmodul auszuwählen. Jedes Modul enthält eine Reihe von Lektionen.
Lektionen abschließen
- Lies die Anleitung auf der linken Seite
- Schreibe deinen Code im Editor
- Klicke auf "Ausführen" oder drücke Strg+Enter zum Testen
- Folge den Hinweisen, um Fehler zu beheben
- Klicke auf "Weiter", wenn du fertig bist
Tipps
- Klicke auf "Lösung zeigen", um das Zielergebnis zu sehen
- Dein Fortschritt wird automatisch gespeichert
- Strg+Enter führt deinen Code aus
Emmet-Kürzel (HTML-Modus)
Tippe Abkürzungen und drücke Tab zum Erweitern:
- div.container → div mit Klasse
- ul>li*5 → ul mit 5 li-Kindern
- nav>ul>li*3>a → verschachtelte Struktur
- p{Hallo} → p mit Textinhalt
