html5写一个淘宝订单表
时间: 2024-05-06 15:16:15 浏览: 17
这里提供一个简单的示例,可以根据需求自行修改。
```html
<!DOCTYPE html>
<html>
<head>
<title>淘宝订单表</title>
<meta charset="utf-8">
</head>
<body>
<h1>淘宝订单表</h1>
<table>
<thead>
<tr>
<th>订单号</th>
<th>商品名称</th>
<th>数量</th>
<th>单价</th>
<th>总价</th>
</tr>
</thead>
<tbody>
<tr>
<td>1234567890</td>
<td>iPhone 11 Pro</td>
<td>1</td>
<td>8999元</td>
<td>8999元</td>
</tr>
<tr>
<td>0987654321</td>
<td>MacBook Pro</td>
<td>1</td>
<td>13999元</td>
<td>13999元</td>
</tr>
<tr>
<td>2468101214</td>
<td>iPad Pro</td>
<td>2</td>
<td>6499元</td>
<td>12998元</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4" align="right">总计:</td>
<td>35996元</td>
</tr>
</tfoot>
</table>
</body>
</html>
```
这个订单表包含了订单号、商品名称、数量、单价和总价等信息,并且还有一个总计的汇总行。可以根据实际需求添加或删除列和行,以及修改样式等。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)