在HTML中,我们可以使用colspan属性来合并列。所谓的合并列,指的是将“横向的N个单元格”合并。

语法:

<td colspan = "跨越的列数"></td>

举例:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>colspan属性</title> <style type="text/css"> table,tr,td{border:1px solid silver;} </style> </head> <body> <table> <tr> <td colspan="2">前端开发技术</td> </tr> <tr> <td>HTML</td> <td>CSS</td> </tr> <tr> <td>JavaScript</td> <td>jQuery</td> </tr> </table> </body> </html>

浏览器预览效果如下图所示。

分析:

如果我们colspan="2"删除后,此时预览效果就变成如下图所示。