<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="2px" cellspacing="0px" cellpadding="5px" width="800px" height="100px">
<caption>三峡2018发电统计</caption>
<thead>
<tr>
<th rowspan="3">月份</th>
<th colspan="4">三峡发电量(kw)</th>
</tr>
<tr>
<th rowspan="2">本月数</th>
<th colspan="3">累计</th>
</tr>
<tr>
<th>本年</th>
<th>上年同期</th>
<th>比上年同期</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1230</td>
<td>19800</td>
<td></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>1146</td>
<td>18200</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--frame="hsides" rules="groups" 单独位置设置-->
<!-- cellspacing="0px"定于单元格间距的属性 cellpadding="20px"定于单元格内文字与单元格边框的距离 -->
<table border="2px" cellspacing="0px" cellpadding="20px" width="500px">
<caption>地府幼儿园成绩表</caption><!--表格标题-->
<!--<th>标签为加粗.居中 一般表头用th 主题用td-->
<thead><!--表头-->
<tr>
<th>姓名</th>
<th>班级</th>
<th>分数</th>
</tr>
</thead>
<tbody><!--主体-->
<tr>
<td>牛头</td>
<!-- rowspan="2"行单元格合并两个 首行加属性，后几行删掉其单元格 -->
<!-- colspan="3"列单元格合并三个 此行首单元格加属性，此行后几个单元格省略 -->
<td rowspan="2">-3班</td>
<td>-85.0</td>
</tr>
<tr>
<td>马面</td>
<!-- <td>-3班</td> -->
<td>-40.5</td>
</tr>
<tr>
<td>黑白无常</td>
<td>-18班</td>
<td>-1.0</td>
</tr>
</tbody>
</table>
</body>
</html>
