html表格中的单元格合并

html表格中的单元格合并

表格基础与单元格合并概述:

table:定义表格 thead:表头 tbidy:表格的内容 caption:表格的标题

tr:行 td:普通单元格 th:表头的单元格

表格基础与单元格合并:

表格的基本结构:(<tablr> <tr> <td> <th>)

如下:

表格单元格合并:

rowspan 跨行合并 colspan 跨列合并

用法:

<td colspan/rowspan="x"></td> (x=要合并的行/列数)

rowspan="合并单元格的数量" 跨行合并

colspan="合并单元格的数量" 跨列合并

跨列合并:同一行里面不同列合并

代码如图:

效果如图:

跨行合并:同一列里不同行合并

代码如图:

效果如图: