📖 HTML-Vokabular für bessere Prompts
Mit diesen Begriffen sagst du der KI präzise, was du willst – statt vage zu beschreiben. Kombiniere mehrere Begriffe zu einem konkreten Satz.
🏗️ Struktur & Layout
Ein umschließender Bereich, der Inhalte zusammenhält und begrenzt.
Ein abgegrenzter Kasten mit Schatten/Rand, z. B. für eine Frage oder ein Spiel-Element.
Elemente werden in Zeilen und Spalten gleichmäßig angeordnet.
Eine senkrechte Anordnung von Inhalten nebeneinander.
Ein Element wird mittig auf dem Bildschirm oder im Container platziert.
Die Seite passt sich automatisch an Handy, Tablet und PC an.
⌨️ Eingabe-Elemente
Eine klickbare Schaltfläche, die eine Aktion auslöst.
Ein Feld, in das man freien Text eintippen kann.
Ein Textfeld speziell zum Filtern/Suchen von Inhalten.
Ankreuzfeld, mehrere Optionen gleichzeitig auswählbar.
Auswahlknopf, bei dem nur eine Option aus mehreren wählbar ist.
Aufklappbare Liste, aus der eine Option gewählt wird.
Mischung aus Textfeld und Dropdown – tippen und auswählen.
Beim Tippen werden passende Vorschläge angezeigt.
Elemente per Maus/Finger greifen und an eine andere Stelle ziehen.
💬 Feedback & Status
Ein Fenster, das über der Seite erscheint und den Rest abdunkelt.
Kurze Hinweis-Meldung, die kurz einblendet und wieder verschwindet.
Balken, der zeigt, wie weit man in einer Aufgabe/einem Level ist.
Laufende Anzeige der aktuell erreichten Punkte.
Sichtbare Zeitanzeige, oft mit Countdown.
Kleine bunte Elemente, die bei Erfolg über den Bildschirm fallen.
Kurzer Ton bei richtiger/falscher Antwort oder bei Level-Aufstieg.
🧭 Navigation
Liste mit Links/Optionen zum Wechseln zwischen Bereichen.
Reiter, über die zwischen mehreren Ansichten umgeschaltet wird.
Navigation zwischen mehreren Schritten oder Fragen.
🎨 Multimedia
Kleines Symbolbild, oft anstelle oder neben Text.
Fläche, die später mit einem echten Bild gefüllt wird.
Kleines Symbol/Gesicht als schnelles, kindgerechtes Gestaltungsmittel.
Bild, das den gesamten Hintergrund einer Fläche füllt.
Weicher Übergang zwischen zwei oder mehr Farben.
🕹️ Spiellogik
Fragen oder Karten werden bei jedem Durchlauf neu gemischt.
Der beste bisher erreichte Punktestand wird gespeichert/angezeigt.
Begrenzte „Leben“, die bei Fehlern abgezogen werden.
Abschnitte mit steigendem Schwierigkeitsgrad.
💡 Praxis-Tipp
Kombiniere mehrere Begriffe zu einem konkreten, ganzen Satz:
„Erstelle ein Quiz mit 5 Fragen als Karten in einem zentrierten Container. Bei jeder Frage gibt es 4 Radiobuttons. Bei richtiger Antwort ein grünes Toast-Feedback und +10 Punkte im Punktestand anzeigen.“