黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-p38-07-合并单元格-视频笔记

视频地址:https://www.bilibili.com/video/BV14J4114768/?p=38&spm_id_from=pageDriver&vd_source=92091721fde667b87f2021fd2256a257

合并单元格

• 特殊情况下,可以把多个单元格合并为一个单元格

合并单元格方式

• 跨行合并:rowspan="合并单元格的个数"
• 跨列合并:colspan="合并单元格的个数"

目标单元格:(写合并代码)

• 跨行:最上侧单元格为目标单元格,写合并代码
• 跨列:最左侧单元格为目标单元格,写合并代码

合并单元格的三步曲

• 先确定是跨行还是跨列合并
• 找到目标单元格,写上合并方式=合并单元格数量,比如<td colspan="2"></td>
• 删除多余的单元格