> ## Documentation Index
> Fetch the complete documentation index at: https://handbuch.neuland-hub.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# HTML-Inhalte 

## **Überblick**

Der neuland.ai  HUB unterstützt Sie dabei, HTML-Inhalte direkt im Chat zu erstellen – ohne Programmierkenntnisse. Die KI generiert den Code auf Ihre Beschreibung hin, Sie können das Ergebnis sofort als gerenderte Vorschau prüfen und den fertigen Code anschließend weiterverwenden – zum Beispiel als E-Mail-Vorlage in Ihrem HUB.

***

## **Wann Sie dieses Feature nutzen können**

* Sie möchten eine **gestaltete E-Mail-Vorlage** erstellen, ohne selbst HTML schreiben zu müssen.
* Sie möchten eine **HTML-Seite oder ein interaktives Element** (z. B. ein Quiz oder eine Übersicht) schnell prototypisch umsetzen.
* Sie sind Administrator und möchten **eigene E-Mail-Vorlagen** für Ihren HUB hinterlegen, die bei Systemereignissen wie Willkommens-E-Mails oder Passwort-Resets versendet werden.
* Sie haben eine bestehende HTML-Datei und möchten diese **von der KI analysieren oder weiterentwickeln** lassen.

***

## **So nutzen Sie das Feature**

### **1. HTML im Chat generieren lassen**

Öffnen Sie einen Chat im neuland.ai  HUB und beschreiben Sie, was Sie erstellen möchten. Die KI generiert den HTML-Code direkt in der Antwort.

**Beispiel-Prompts:**

* *„Erstelle mir eine HTML-E-Mail-Vorlage für eine Willkommensnachricht an neue Mitarbeitende. Die E-Mail soll einen Platzhalter für ein Logo, eine freundliche Begrüßung und einen Button ‚Jetzt loslegen' enthalten."*
* *„Baue mir eine HTML-Seite mit einem einfachen Memory-Spiel mit 8 Kartenpaaren."*

### **2. Vorschau anzeigen und testen**

Sobald die KI HTML-Code ausgegeben hat, erscheint in der Toolbar des Code-Blocks ein **Auge-Symbol**. Klicken Sie darauf, um die gerenderte Vorschau zu öffnen.

Die Vorschau zeigt Ihnen das HTML so, wie es im Browser aussehen würde – mit Farben, Schriften und Struktur. Sie können die Vorschau direkt ausprobieren und interaktive Elemente testen.

Wenn das Ergebnis noch nicht passt, schreiben Sie einfach im Chat weiter – zum Beispiel: *„Mach die Überschrift größer"* oder *„Füge einen Abstandhalter zwischen Logo und Text ein."* Die KI passt den Code an und Sie können die Vorschau erneut öffnen.

### **3. HTML-Code kopieren**

Klicken Sie auf das **Copy-Symbol** in der Toolbar des Code-Blocks, um den HTML-Code in die Zwischenablage zu kopieren. Von dort können Sie ihn in ein beliebiges Feld einfügen – zum Beispiel in den HTML-Editor einer E-Mail-Vorlage.

### **4. HTML-Datei hochladen (für Analyse oder Weiterverarbeitung)**

Sie können auch eine bestehende HTML-Datei direkt in den Chat hochladen. Die KI kann die Datei dann analysieren, überarbeiten oder weiterentwickeln.