帮我写一个html的静态的购物车页面
时间: 2023-08-01 18:10:00 浏览: 49
好的,下面是一个简单的HTML静态购物车页面的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>购物车</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>我的购物车</h1>
</header>
<main>
<table>
<tr>
<th>商品名称</th>
<th>价格</th>
<th>数量</th>
<th>小计</th>
</tr>
<tr>
<td>商品A</td>
<td>100元</td>
<td>2</td>
<td>200元</td>
</tr>
<tr>
<td>商品B</td>
<td>50元</td>
<td>3</td>
<td>150元</td>
</tr>
<tr>
<td>商品C</td>
<td>80元</td>
<td>1</td>
<td>80元</td>
</tr>
<tr>
<td colspan="3">合计:</td>
<td>430元</td>
</tr>
</table>
<button>去结算</button>
</main>
<footer>
<p>版权所有 © 2022</p>
</footer>
</body>
</html>
```
这个静态购物车页面包括了一个简单的表格展示购物车中的商品信息、总计价格和一个去结算按钮。同时还包括了一个页眉和页脚,用于显示网站名称和版权信息。您可以根据自己的需求进行修改和扩展。此外,还需通过CSS样式表来美化页面。