<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1">
<caption>卫生值日表</caption><!-- 表格标题--必须要紧跟着table标签 -->
<tbody>
<!-- 定义表格的主体内容- 一个表格里面可以包含多个tbody -->
<tr>
<td>张三</td>
<td>张三</td>
<td>张三</td>
<td>张三</td>
<td>张三</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>李四</td>
<td>李四</td>
<td>李四</td>
<td>李四</td>
</tr>
<tr>
<!-- <td>李四</td> -->
<td>李四</td>
<td>李四</td>
<td>李四</td>
<td>李四</td>
</tr>
</tbody>
<thead>
<!-- 表头内容 -->
<tr>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<!--
合并单元格
跨列合并:colspan:n;
跨行合并:rowspan:n;
操作步骤:
1、确定单元是跨行还是跨列
2、找到目标单元格、添加合并属性
3、删除多余单元格
-->
<tfoot><!-- 定义表格页脚内容 -->
<tr>
<td colspan="5">注意:要打扫干净</td>
</tr>
</tfoot>
<!--
总结:划分表格的语义,实现长表格的分步加载,改变结构顺序,优先加载tbody。
每个表格只能定义一次标题
-->
</table>
</body>
</html>