Html5
一:
1、语法
跨行合并 rowspan = "合并单元格的个数“
跨列合并 colspan= "合并单元格的个数“
2、合并顺序
:先上后下、先左后右
3、合并三部曲
(1)先确定跨行还是跨列
(2)根据先上后下,先左后右的顺序找到目标单元格,然后写上 合并方式 以及合并的单元格数量
<td colspan="2"> //跨行合并,合并数量为3
(3)删除多余的单元格
二、案例
1、将下表个人简历的表格进行合并
此表格的代码如下
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>合并单元格</title>
</head>
<body>
<table align="center" width="500" cellspacing="0" border="1"><caption><h3>个人简历</h3></caption><tr><td>姓名:张三</td><td>性别:男</td><td>年龄:27</td><td>照片</td></tr><tr><td>身高:180cm</td><td>民族:汉</td><td>婚姻:未婚</td><td>照片</td></tr><tr><td>个人简历</td><td>个人简历</td><td>个人简历</td><td>个人简历</td></tr><tr><td>个人作品</td><td>个人作品</td><td>个人作品</td><td>个人作品</td></tr>
</table>
</body>
</html>
2、合并后的表格
代码如下
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>合并单元格</title>
</head>
<body>
<table align="center" width="500" cellspacing="0" border="1"><caption><h3>个人简历</h3></caption><tr><td>姓名:张三</td><td>性别:男</td><td>年龄:27</td><td rowspan="2" >照片</td></tr><tr><td>身高:180cm</td><td>民族:汉</td><td>婚姻:未婚</td>
<!-- <td>照片</td> 删除此表格--></tr><tr><td>个人简历</td><td colspan="3">个人简历</td><!-- <td>个人作品</td>--><!-- <td>个人作品</td>--></tr><tr><td>个人作品</td><td colspan="3">个人作品</td>
<!-- <td>个人作品</td>-->
<!-- <td>个人作品</td>--></tr>
</table>
</body>
</html>
Html5
一:
1、语法
跨行合并 rowspan = "合并单元格的个数“
跨列合并 colspan= "合并单元格的个数“
2、合并顺序
:先上后下、先左后右
3、合并三部曲
(1)先确定跨行还是跨列
(2)根据先上后下,先左后右的顺序找到目标单元格,然后写上 合并方式 以及合并的单元格数量
<td colspan="2"> //跨行合并,合并数量为3
(3)删除多余的单元格
二、案例
1、将下表个人简历的表格进行合并
此表格的代码如下
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>合并单元格</title>
</head>
<body>
<table align="center" width="500" cellspacing="0" border="1"><caption><h3>个人简历</h3></caption><tr><td>姓名:张三</td><td>性别:男</td><td>年龄:27</td><td>照片</td></tr><tr><td>身高:180cm</td><td>民族:汉</td><td>婚姻:未婚</td><td>照片</td></tr><tr><td>个人简历</td><td>个人简历</td><td>个人简历</td><td>个人简历</td></tr><tr><td>个人作品</td><td>个人作品</td><td>个人作品</td><td>个人作品</td></tr>
</table>
</body>
</html>
2、合并后的表格
代码如下
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>合并单元格</title>
</head>
<body>
<table align="center" width="500" cellspacing="0" border="1"><caption><h3>个人简历</h3></caption><tr><td>姓名:张三</td><td>性别:男</td><td>年龄:27</td><td rowspan="2" >照片</td></tr><tr><td>身高:180cm</td><td>民族:汉</td><td>婚姻:未婚</td>
<!-- <td>照片</td> 删除此表格--></tr><tr><td>个人简历</td><td colspan="3">个人简历</td><!-- <td>个人作品</td>--><!-- <td>个人作品</td>--></tr><tr><td>个人作品</td><td colspan="3">个人作品</td>
<!-- <td>个人作品</td>-->
<!-- <td>个人作品</td>--></tr>
</table>
</body>
</html>