首页html旅游网页制作代码

html旅游网页制作代码

时间: 2023-09-02 18:09:23 浏览: 107

旅游网页代码

4星 · 用户满意度95%

关于旅游的小小代码，希望朋友们借鉴下，帮我修改修改，真心希望

以下是一个简单的 HTML 旅游网页的制作代码示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>旅游网页</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #00a2e8; font-size: 2.5em; margin-top: 50px; text-align: center; } p { font-size: 1.2em; line-height: 1.5; margin: 20px auto; max-width: 800px; padding: 0 20px; } img { display: block; margin: 0 auto; max-width: 100%; } </style> </head> <body> <header> <h1>旅游网页标题</h1> </header> <main> <p>介绍旅游景点，吸引游客的注意力。</p> <img src="景点图片.jpg" alt="景点图片"> <p>提供旅游信息和行程建议。</p> <ul> <li>Day 1：xx景点 - xx酒店</li> <li>Day 2：xx景点 - xx餐厅</li> <li>Day 3：xx景点 - xx活动</li> </ul> <p>提供联系方式和预订信息。</p> <p>联系电话：xxx-xxxxxxx</p> <p>预订邮箱：xxxxx@xxxxx.com</p> </main> <footer> <p>版权信息和网站链接等。</p> </footer> </body> </html> ``` 以上代码包含了一个简单的页面结构、CSS 样式和图片的嵌入，可以根据需要进行修改和完善。

阅读全文