0629作业
16lz
2022-01-20
作业内容:写一个商品信息表,要求有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>
更多相关文章
- MySQL 什么时候使用INNER JOIN 或 LEFT JOIN
- Android购物车的实现(升级版 仿淘宝)
- Android之自定义Adapter的ListView
- Android(安卓)简单购物车
- iOS开发周报:Swift 项目合并 Android(安卓)分支,App Store 开展 “
- 【Android(安卓)Studio】Resource Merging资源合并规则
- Android多模块构建合并aar解决方案
- Android多指触摸
- android 之JSON