任务地址
完成时间
2016-11-30
任务要求的作业
<table border="1">
<caption>购物车</caption>
<tr>
<th rowspan="2" span="2">名称</th>
<th colspan="2" span="2">2016-11-29</th>
<th rowspan="2" pan="2">小计</th>
</tr>
<tr>
<th>重量</th>
<th>单元</th>
</tr>
<tr>
<th>苹果</th>
<td>3公斤</td>
<td>5元/公斤</td>
<td>15元</td>
</tr>
<tr>
<th>香蕉</th>
<td>2公斤</td>
<td>6元/公斤</td>
<td>12元</td>
</tr>
<tr>
<th colspan="3" span="3">总价</th>
<td>27元</td>
</tr>
</table>
运行结果：
table.png
任务总结
知识总结
表格 table
表格的标题<caption>我的标题</caption>
行 tr
表头 th
数据 td
空表框 td td/(不会显示表框) td  ；td就会显示表框
跨行 <th rowspan="2">两行
跨列 <th colspan="2">两列 算在第一行
单元格边距 <table border="1" cellpadding="10">
单元格间距<table border="1" cellspacing="10">
表格单元中的排列，靠左右<td align="left">××</td>
任务体会
这次任务是关于表格的，看到这个表格主要还是层次的问题，然后就是跨行跨列，我大概用了三分钟完成。但是由于我记反了rowspan与colspan所以修改花了一点时间。跨行虽然是在一列占的位置大，但其实是占行数多，跨列同理，这样就不会记错了。
