AI 編程
難度：入門
创建HTML格式的详细旅行行程
Create a detailed travel itinerary in HTML format
<!DOCTYPE html> <html> <head> <title>旅行行程：南京至长春</title> <style> body { font-family: Arial, sans-serif; } .itinerary { margin: 20px; } .day {
適用平台：
ChatGPTClaudeGemini
<!DOCTYPE html>
<html>
<head>
<title>旅行行程：南京至长春</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">第一天：抵达长春</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">第二天：探索长春</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>
<!-- 重复类似块用于第三天、第四天等 -->
<div class="day">
<div class="sub-header">第五天：返程</div>
<p><strong>返程航班：</strong> ${returnFlightDetails}</p>
</div>
</div>
</body>
</html>