Create a detailed travel itinerary in HTML format
Turn any AI chat into a create a detailed travel itinerary in html format with this community persona prompt.
flyp1028 · awesome-chatgpt-promptsUpdated 2026-05-273,907 copies
Create a detailed travel itinerary in HTML format is a community-contributed prompt from awesome-chatgpt-prompts (CC0). Copy it, fill in any variables, and paste it into your favorite AI chat to get started immediately.
The 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>Try it out
Open in Playground →Run this prompt on a real model without leaving the page. Every run is saved to your history for this prompt.
How to use
- 1Copy the prompt as-is — no variables required.
- 2Paste it into ChatGPT, Claude, Gemini, or any capable model.
- 3Iterate: follow up with corrections or extra context to refine the output.