machichdigital
PromptPrompt-BibliothekLizenz: CC0-1.0 (Public Domain)frei kopierbar

Create a detailed travel itinerary in HTML format

HTML-Vorlage für einen formatierten, browserfertigen Tag-für-Tag-Reiseplan mit Styling.

⬇ Als Datei laden

⧉ –× kopiert⬇ –× heruntergeladenBewertung:

HTML-Vorlage für einen formatierten, browserfertigen Tag-für-Tag-Reiseplan mit Styling.

Der Prompt

<!DOCTYPE html>
<html>
<head>
    <title>Travel Itinerary: Nanjing to Changchun</title>
    <style>
        body { font-family: Arial, sans-serif; }
        .itinerary { margin: 20px; }
        .day { margin-bottom: 20px; }
        .header { font-size: 24px; font-weight: bold; }
        .sub-header { font-size: 18px; font-weight: bold; }
    </style>
</head>
<body>
    <div class="itinerary">
        <div class="header">Travel Itinerary: Nanjing to Changchun</div>
        <div class="sub-header">Dates: ${startDate} to ${endDate}</div>
        <div class="sub-header">Budget: ${budget} RMB</div>

        <div class="day">
            <div class="sub-header">Day 1: Arrival in Changchun</div>
            <p><strong>Flight:</strong> ${flightDetails}</p>
            <p><strong>Hotel:</strong> ${hotelName} - Located in city center, comfortable and affordable</p>
            <p><strong>Weather:</strong> ${weatherForecast}</p>
            <p><strong>Packing Tips:</strong> ${packingRecommendations}</p>
        </div>

        <div class="day">
            <div class="sub-header">Day 2: Exploring Changchun</div>
            <p><strong>Attractions:</strong> ${attraction1} (Ticket: ${ticketPrice1}, Open: ${openTime1})</p>
            <p><strong>Lunch:</strong> Try local cuisine at ${restaurant1}</p>
            <p><strong>Afternoon:</strong> Visit ${attraction2} (Ticket: ${ticketPrice2}, Open: ${openTime2})</p>
            <p><strong>Dinner:</strong> Enjoy a meal at ${restaurant2}</p>
            <p><strong>Transportation:</strong> ${transportDetails}</p>
        </div>

        <!-- Repeat similar blocks for Day 3, Day 4, etc. -->
        
        <div class="day">
            <div class="sub-header">Day 5: Departure</div>
            <p><strong>Return Flight:</strong> ${returnFlightDetails}</p>
        </div>

    </div>
</body>
</html>

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

  • startDate
  • endDate
  • budget
  • flightDetails
  • hotelName
  • weatherForecast
  • packingRecommendations
  • attraction1

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Eine fertige HTML-Vorlage für einen detaillierten Reiseplan mit eingebautem CSS-Styling, Tag-für-Tag-Gliederung und Platzhaltern für Flug, Hotel, Wetter und Budget. Statt einer reinen Textliste liefert die KI ein direkt im Browser darstellbares, formatiertes Dokument – praktisch für Reisebüros, Reiseblogger oder alle, die einen Plan professionell aufbereitet weitergeben wollen, etwa per E-Mail-Anhang oder eingebettet in eine Webseite. Der Vorteil gegenüber generischen Textantworten: Struktur und Optik sind sofort nutzbar, ohne manuelles Nachformatieren. Damit die KI keine Beispielwerte (im Prompt: Nanjing–Changchun) übernimmt, sollte man Start-/Zielort, Zeitraum und Budget konkret vorgeben.

Praxis-Tipp

Ort, Zeitraum und Budget direkt im ersten Satz angeben, z. B. „Reiseplan München–Rom, 5 Tage, Budget 800 €“ – die KI übernimmt Struktur und Styling der Vorlage.

Lizenz & Quelle

Inhalt ansehen (create-a-detailed-travel-itinerary-in-html-format.txt)
Lade …

Erfahrungen & Kommentare.

Funktioniert der Prompt bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.

Lade Kommentare …

Ihre IP-Adresse wird zum Schutz vor Missbrauch gespeichert und nach 14 Tagen automatisch entfernt (Datenschutz).

Passt dazu.

aa/cli taste

Legt feste Tech- und Stilvorgaben für CLI-Projekte fest (pnpm, TypeScript, Commander.js, Ordnerstruktur).

CC0-1.0 (Public Domain)♥ –⧉ –