简单的html购物商城
时间: 2023-07-29 10:12:12 浏览: 33
好的,下面是一个简单的HTML购物商城示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>购物商城</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>购物商城</h1>
<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>
<h2>商品列表</h2>
<section>
<article>
<h3>商品1</h3>
<p>商品描述1</p>
<p>价格:100元</p>
<button>加入购物车</button>
</article>
<article>
<h3>商品2</h3>
<p>商品描述2</p>
<p>价格:200元</p>
<button>加入购物车</button>
</article>
<article>
<h3>商品3</h3>
<p>商品描述3</p>
<p>价格:300元</p>
<button>加入购物车</button>
</article>
</section>
</main>
<footer>
<p>版权所有 © 购物商城</p>
</footer>
</body>
</html>
```
这是一个简单的页面,包括一个头部、一个主体和一个底部。头部包括商城名称和导航栏,主体包括商品列表和购物车按钮,底部包括版权信息。可以根据需求添加更多功能和样式。