首页给我一个旅游网页面代码

给我一个旅游网页面代码

时间: 2024-05-15 11:14:17 浏览: 112

以下是一个简单的旅游网站主页的HTML代码： ```html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>旅游网站</title> </head> <body> <header> <h1>旅游网站</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">旅游目的地</a></li> <li><a href="#">旅游攻略</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <section> <h2>推荐目的地</h2> <ul> <li><a href="#"><img src="paris.jpg" alt="巴黎"></a></li> <li><a href="#"><img src="tokyo.jpg" alt="东京"></a></li> <li><a href="#"><img src="newyork.jpg" alt="纽约"></a></li> </ul> </section> <section> <h2>热门旅游攻略</h2> <ul> <li><a href="#">巴黎浪漫之旅</a></li> <li><a href="#">东京美食之旅</a></li> <li><a href="#">纽约自由行攻略</a></li> </ul> </section> </main> <footer> <p>版权所有 © 2021 旅游网站</p> </footer> </body> </html> ``` 这个页面包含一个标题、一个导航菜单、两个主要的内容部分和一个页脚。其中，导航菜单包含四个链接，分别指向首页、旅游目的地、旅游攻略和联系我们。推荐目的地和热门旅游攻略部分都包含一个列表，其中每个列表项包含一个图片和一个链接。页脚包含一个简单的版权信息。

阅读全文