Prompt-Sammlung HTML und CSS: Layouts, Formulare, Feinschliff

"Mach die Seite schöner" ist kein guter Auftrag, weder für Menschen noch für einen KI-Assistenten. Wer Websites baut oder pflegt, kommt mit genauen Aufträgen deutlich weiter: welches Element, welche Breite, welche Farbe, was unverändert bleiben soll. Diese Sammlung gibt dir 80 solcher Aufträge, fertig formuliert, mit Platzhaltern in eckigen Klammern.

Die Prompts sind in acht Gruppen geordnet: Seitengerüst, Layout, Schrift und Farben, Formulare, mobile Ansicht, Bilder und Medien, Bedienung mit Tastatur und Screenreader, Korrekturen und Feinschliff. Zu jedem Prompt gibt es ein kurzes Beispiel und einen Hinweis, woran du ein schlechtes Ergebnis erkennst. Zwölf Prompts haben ein vollständiges Beispiel-Ergebnis in HTML und CSS, das mit einem Prüfskript kontrolliert wurde.

Ein Baukasten mit 20 Zusatzangaben macht Ergebnisse genauer, acht Übungen zeigen, wie du einen Prompt an deine eigene Seite anpasst, und eine Prüfliste mit zwölf Punkten hilft dir, das Ergebnis zu beurteilen, bevor es online geht.

Für wen? Für Einsteigerinnen und Einsteiger sowie Selbstständige, die an eigenen oder fremden Websites arbeiten und dabei einen KI-Assistenten nutzen möchten. Grundkenntnisse, was HTML und CSS sind, helfen; jeder Fachbegriff ist im Glossar erklärt.

Wichtig: Die Prompts sind werkzeugneutral und funktionieren mit jedem KI-Chat oder KI-Assistenten. KI-Ergebnisse können Fehler enthalten; prüfe und teste sie im Browser und auf dem Handy, bevor du sie übernimmst. Gib keine Zugangsdaten oder Kundendaten ein. Barrierefreiheit im rechtlichen Sinn, Datenschutz bei Formularen und Bildrechte klärst du mit Fachleuten. Unabhängiger, werkzeugneutraler Leitfaden, kein Produkt eines Software- oder Browser-Herstellers und mit keinem Anbieter verbunden. Stand: Oktober 2026. Browser, Sprachversionen und Werkzeuge ändern sich – prüfe die Dokumentation und teste in deinen Zielbrowsern. Mit KI-Unterstützung erstellt.