<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<table border="1" width="500">
<caption>
饮料库存信息表
</caption>
<thead>
<tr>
<th>id</th>
<th>名称</th>
<th>价格</th>
<th>数量</th>
<th>金额</th>
</tr>
</thead>
<tbody>
<tr align="center" bgcolor="yellow">
<td>1</td>
<td rowspan="2">绿茶和红茶</td>
<td>3</td>
<td>30</td>
<td>90</td>
</tr>
<tr align="center" bgcolor="yellow">
<td>2</td>
<td>3</td>
<td>20</td>
<td>60</td>
</tr>
<tr align="center" bgcolor="yellow">
<td>3</td>
<td>阿萨姆</td>
<td>5</td>
<td>10</td>
<td>50</td>
</tr>
<tr align="center" bgcolor="yellow">
<td>4</td>
<td>茉莉花茶</td>
<td>3</td>
<td>25</td>
<td>75</td>
</tr>
<tr align="center" bgcolor="yellow">
<td>5</td>
<td>矿泉水</td>
<td>1</td>
<td>30</td>
<td>30</td>
</tr>
</tbody>
<tfoot>
<tr align="center">
<td colspan="2">总计</td>
<td>15</td>
<td>115</td>
<td>305</td>
</tr>
</tfoot>
</table>
</body>
</html>