Create a detailed travel itinerary in HTML format prompt
Life30.2K
用HTML模板生成结构化多日旅行行程单
Produce a structured multi-day travel itinerary using an HTML template.
Full 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">行程单:南京到长春</div>
<div class="sub-header">日期:${startDate} 至 ${endDate}</div>
<div class="sub-header">预算:${budget} 元</div>
<div class="day">
<div class="sub-header">第 1 天:抵达长春</div>
<p><strong>航班:</strong> ${flightDetails}</p>
<p><strong>酒店:</strong> ${hotelName} - 位于市中心,舒适且实惠</p>
<p><strong>天气:</strong> ${weatherForecast}</p>
<p><strong>打包建议:</strong> ${packingRecommendations}</p>
</div>
<div class="day">
<div class="sub-header">第 2 天:游览长春</div>
<p><strong>景点:</strong> ${attraction1}(门票:${ticketPrice1},开放时间:${openTime1})</p>
<p><strong>午餐:</strong> 在 ${restaurant1} 品尝当地美食</p>
<p><strong>下午:</strong> 参观 ${attraction2}(门票:${ticketPrice2},开放时间:${openTime2})</p>
<p><strong>晚餐:</strong> 在 ${restaurant2} 享用一餐</p>
<p><strong>交通:</strong> ${transportDetails}</p>
</div>
<!-- 对第 3 天、第 4 天等重复类似的区块 -->
<div class="day">
<div class="sub-header">第 5 天:返程</div>
<p><strong>返程航班:</strong> ${returnFlightDetails}</p>
</div>
</div>
</body>
</html>Fill in the blanks, then copy
How to use this prompt
- 1Copy the full prompt below
- 2Replace the [____] placeholders with your specifics
- 3Paste into DeepSeek / Claude / ChatGPT to run