超实用！简单的Web旅游网页设计代码示例大揭秘

以下是一个简单的旅游网页设计的HTML代码示例： ```html <!DOCTYPE html> <html> <head> <title>旅游网页</title> <style> body { font-family: Arial, sans-serif; background-color: #F4F4F4; } header { background-color: #333; padding: 20px; color: #FFF; text-align: center; } nav { background-color: #DFDFDF; padding: 10px; } nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: center; } nav ul li { margin: 0 10px; } main { padding: 20px; margin: 10px; background-color: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } footer { background-color: #333; color: #FFF; padding: 20px; text-align: center; } </style> </head> <body> <header> <h1>旅游网</h1> </header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">旅游目的地</a></li> <li><a href="#">旅游景点</a></li> <li><a href="#">酒店预订</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> <main> <h2>欢迎来到旅游网</h2> <p>这是一个专注于提供旅游目的地、旅游景点和酒店预订的网站。</p> </main> <footer> © 2022 旅游网. All rights reserved. </footer> </body> </html> ``` 这个例子包含了一个简单的网页布局，其中包括一个顶部的栏、导航栏、内容区域和底部的版权信息。你可以根据自己的需求对页面进行进一步的设计和修改。 ######[AI写代码神器 | 1080点数解答 | 2024-06-20 10:08:05]

服务商

更多选项

快捷项

自定义