代码段:
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<table border="1">
<caption align="center" size="4">购物车</caption>
<tr>
<th rowspan="2">名称</th>
<th colspan="2">2016--11--22</th>
<th rowspan="2">小计</th>
</tr>
<tr>
<td>重量</td>
<td>单价</td>
</tr>
<tr>
<td>苹果</td>
<td>3公斤</td>
<td>5元/公斤</td>
<td>15元</td>
</tr>
<tr>
<td>香蕉</td>
<td>2公斤</td>
<td>6元/公斤</td>
<td>12元</td>
</tr>
<tr>
<th colspan="3">总价</th>
<td>27元</td>
</tr>
</body>
</html>
输出样式:
标签解释:
表格名称:<table></table>
表头名称用法:<caption></caption>
跨行:<rowspan="数字'></rowspan>
跨列:<colspan="数字"></colspan>
表头:<th></th>
内容:<td></td>
注释:表头标签已经有自动居中功能
心得:
<p>通过本次制作表格,我学会了关于表格制作的初步过程,在不断被的思索与探寻的过程中不断完善,并且将本次作业在小组内讨论,收获了许多,关于表格制作具体内容,在另一篇文章中哟!</p>