首页帮我写一个html购物网静态页面

帮我写一个html购物网静态页面

时间: 2023-07-25 19:30:09 浏览: 122

好的，以下是一个简单的购物网静态页面示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物网</title> </head> <body> <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> <li><a href="#">配件</a></li> </ul> </nav> </header> <main> <section> <h2>女装</h2> <div> <a href="#"> <img src="img/1.jpg" alt="商品1"> <h3>商品1名称</h3> <p>商品1描述</p> <span>￥100</span> </a> </div> <div> <a href="#"> <img src="img/2.jpg" alt="商品2"> <h3>商品2名称</h3> <p>商品2描述</p> <span>￥200</span> </a> </div> </section> <section> <h2>男装</h2> <div> <a href="#"> <img src="img/3.jpg" alt="商品3"> <h3>商品3名称</h3> <p>商品3描述</p> <span>￥300</span> </a> </div> <div> <a href="#"> <img src="img/4.jpg" alt="商品4"> <h3>商品4名称</h3> <p>商品4描述</p> <span>￥400</span> </a> </div> </section> </main> <footer> <p>联系我们：1234567890</p> </footer> </body> </html> ``` 上面的代码中包括了一个简单的导航栏、两个商品分类和四个商品展示，你可以根据自己的需求进行修改和扩展。

阅读全文