任务完成前
- 同样是接上一个任务
- 任务的题目如下:
- 估时:5mins
- 我的思考:采用
caption
,table
,tr
,th
,td
,thead
,tbody
标签,名称
,2016-11-22
,小计
,总价
需要采用rowspan
,colspan
,其中,rowspan
是合并两个竖行,colspan
是合并两个横行
开始写代码
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1">
<caption>购物车</caption>
<thead>
<tr>
<th rowspan="2">名称</th>
<th colspan="2">2016-11-22</th>
<th rowspan="2">小计</th>
</tr>
<tr>
<th>重量</th>
<th>单价</th>
</tr>
</thead>
<tbody>
<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>
<td colspan="3" style="text-align: center">总价</td>
<td>27元</td>
</tr>
</tbody>
</table>
</body>
</html>
任务完成
- 用时:14mins
- 分析原因:对制表可能没有理解的很深,但自己觉得开了codefordream上的东西已经理解了,所以导致我估时不准。
- 在
总价
那里我使用了css的字体居中,但是老师似乎要求不使用css,在这里是一个问题。