帮我写一个html购物网静态页面
时间: 2023-07-25 22:30:09 浏览: 117
好的,以下是一个简单的购物网静态页面示例:
```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>
```
上面的代码中包括了一个简单的导航栏、两个商品分类和四个商品展示,你可以根据自己的需求进行修改和扩展。
阅读全文
相关推荐















