首页html旅游网页制作代码

html旅游网页制作代码

时间: 2023-09-02 22:08:53 浏览: 92

旅游网页代码

4星 · 用户满意度95%

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

以下是一个简单的旅游网页的HTML代码示例： ```html <!DOCTYPE html> <html> <head> <title>旅游网页</title> </head> <body> <header> <h1>欢迎来到旅游网</h1> <nav> <ul> <li><a href="#destinations">目的地</a></li> <li><a href="#tours">旅游团</a></li> <li><a href="#about">关于我们</a></li> </ul> </nav> </header> <main> <section id="destinations"> <h2>热门目的地</h2> <ul> <li><a href="#">巴黎</a></li> <li><a href="#">东京</a></li> <li><a href="#">纽约</a></li> <li><a href="#">悉尼</a></li> </ul> </section> <section id="tours"> <h2>热门旅游团</h2> <ul> <li><a href="#">东南亚之旅</a></li> <li><a href="#">欧洲古堡之旅</a></li> <li><a href="#">澳大利亚自然探索之旅</a></li> <li><a href="#">北美大自然之旅</a></li> </ul> </section> <section id="about"> <h2>关于我们</h2> <p>旅游网是一个致力于为旅游爱好者提供全球旅游信息和服务的网站。我们的目标是帮助旅游爱好者更好地规划和享受旅行。</p> </section> </main> <footer> <p>© 2021 旅游网</p> </footer> </body> </html> ``` 在这个示例中，我们使用了HTML5的语法来创建一个包含标题、导航、主要内容、页脚等元素的旅游网页。您可以根据自己的需要进行修改和扩展。

阅读全文