首页用dw设计页面布局和导航栏html代码

用dw设计页面布局和导航栏html代码

时间: 2024-01-27 20:02:37 浏览: 35

好的，以下是使用DW设计页面布局和导航栏后生成的HTML代码示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DW制作公司</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <div class="logo"> <a href="#"><img src="logo.png" alt="DW制作公司"></a> </div> <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> <h1>欢迎来到DW制作公司</h1> <p>我们专注于提供高质量的网页设计和开发服务，为您的业务增添价值。</p> <a href="#" class="btn">了解更多</a> </main> <footer> <p>版权所有 © 2021 DW制作公司</p> </footer> </body> </html> ``` 在这个示例中，我们使用了HTML5的语法，并使用了一个header标签来容纳网站的标志和导航栏，一个main标签来容纳页面的主要内容，以及一个footer标签来容纳网站的版权信息。导航栏使用了一个nav标签和一个ul标签来创建一个无序列表，每个列表项使用li标签来包含一个链接。如果您希望自定义样式，可以使用CSS文件来控制布局和样式。