购物车页面html代码
时间: 2023-08-24 19:10:05 浏览: 51
以下是一个简单的购物车页面的 HTML 代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>购物车</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* 样式表 */
</style>
</head>
<body>
<header>
<h1>购物车</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">商品列表</a></li>
<li><a href="#">结算</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>商品清单</h2>
<table>
<thead>
<tr>
<th>商品名称</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>商品1</td>
<td>100</td>
<td>2</td>
<td>200</td>
<td><button>删除</button></td>
</tr>
<tr>
<td>商品2</td>
<td>50</td>
<td>1</td>
<td>50</td>
<td><button>删除</button></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">总计:</td>
<td>250</td>
<td></td>
</tr>
</tfoot>
</table>
</section>
<section>
<h2>结算信息</h2>
<form>
<label>姓名:</label>
<input type="text" name="name"><br>
<label>电话:</label>
<input type="text" name="phone"><br>
<label>地址:</label>
<input type="text" name="address"><br>
<button>提交订单</button>
</form>
</section>
</main>
<footer>
<p>版权所有 © 2021 购物车</p>
</footer>
</body>
</html>
```
注意:该示例只是一个简单的购物车页面的 HTML 代码示例,实际开发中可能需要根据具体需求进行修改和完善。