作业内容:写一个商品信息表,要求有id,品名,价格,数量,金额等字段, 最后要有合计,如总数, 总金额,并且商品按品类进行合并显示,要求用到行与列的合并, 别怕失败,多写几次,就对表格的编写就熟练了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- 写一个商品信息表,要求有id,品名,价格,数量,金额等字段, 最后要有合计,如总数, 总金额,并且商品按品类进行合并显示,要求用到行与列的合并, 别怕失败,多写几次,就对表格的编写就熟练了。 -->
<table border="1" cellpadding="0" cellspacing="0">
<caption>商品信息表</caption>
<thead>
<tr>
<th>商品id</th>
<th>商品品名</th>
<th>商品价格</th>
<th>商品数量</th>
<th>商品金额</th>
<th>商品品类</th>
<th>总数</th>
<th>总金额</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>华为手机</td>
<td>1200</td>
<td>5</td>
<td>6000</td>
<td rowspan="2">手机类</td>
<td rowspan="2">11</td>
<td rowspan="2">36000</td>
</tr>
<tr>
<td>2</td>
<td>苹果手机</td>
<td>5000</td>
<td>6</td>
<td>30000</td>
<!-- <td>手机类</td> -->
<!-- <td> </td> -->
<!-- <td> </td> -->
</tr>
<tr>
<td>3</td>
<td>香蕉</td>
<td>30</td>
<td>4</td>
<td>120</td>
<td rowspan="3">水果类</td>
<td rowspan="3">13</td>
<td rowspan="3">260</td>
</tr>
<tr>
<td>4</td>
<td>苹果</td>
<td>20</td>
<td>5</td>
<td>100</td>
<!-- <td>水果类</td> -->
<!-- <td> </td> -->
<!-- <td> </td> -->
</tr>
<tr>
<td>5</td>
<td>桔子</td>
<td>10</td>
<td>4</td>
<td>40</td>
<!-- <td>水果类</td> -->
<!-- <td> </td> -->
<!-- <td> </td> -->
</tr>
</tbody>
</table>
</body>
</html>