**合并单元格:**
1. 跨行合并:rowspan
2. 跨列合并:colspan
```
<table cellspacing="0" border="1" style="margin-top: 100px;" width="400" align="center">
<caption>案例:跨列、跨行合并单元格</caption>
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>爱好</th>
</tr>
</thead>
<tbody>
<tr>
<td>刘德华</td>
<td rowspan="2">男</td>
<td>55</td>
<td>爱好1</td>
</tr>
<tr>
<td>张学友</td>
<!-- <td>男</td>-->
<td rowspan="2">56</td>
<td>爱好2</td>
</tr>
<tr>
<td>杨钰莹</td>
<td>女</td>
<!-- <td>56</td>-->
<td>爱好3</td>
</tr>
<tr>
<td>合计</td>
<td colspan="3">哈哈</td>
</tr>
</tbody>
</table>
```
**演示:**
![](https://img.kancloud.cn/19/b9/19b9d035e99581a9ce4ff7dda360b8fc_644x289.png)
- 空白目录
- 第一章 HTML和HTML5
- 第一节 常用标签
- 01 标签
- 02 标签属性
- 03 图像标签
- 04 链接标签
- 05 锚点定位
- 06 base标签
- 07 特殊字符标签
- 08 注释标签
- 第二节 列表
- 01 无序列表
- 02 有序列表
- 03 自定义列表
- 小结
- 第三节 表格
- 01 认识表格
- 02 表格属性
- 03 表头标签
- 04 表格结构
- 05 表格标题标签
- 06 合并单元格
- 第四节 表单和表单控件
- 01 文本框和密码框
- 02 单选按钮和复选按钮
- 03 label标签
- 第五节 HTML5新增标签和属性
- 第二章 CSS和CSS3
- 第一节 css基本选择器
- 01 通配符选择器
- 02 伪类选择器
- 链接伪类选择器
- 结构(位置)伪类选择器
- 目标伪类选择器
- 第二节 CSS外观样式及应用
- 01 css颜色
- 02 行高对齐和首行缩进
- 03 字间距和单词间距
- 04 颜色半透明
- 04 文字阴影
- 第三节 复合选择器
- 01 交集选择器
- 02 并集选择器
- 03 后代选择器
- 04 子元素选择器
- 05 练习
- 06 属性选择器
- 杂项
- 01 常用快捷键