HTML合并表格（单元格）

最新推荐文章于 2025-05-27 13:07:55 发布

weihubeats

最新推荐文章于 2025-05-27 13:07:55 发布

阅读量2.5w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： # JSP 文章标签： HTML 合并表格单元格

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_42651904/article/details/81661366

JSP 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用HTML创建一个带有合并单元格的表格示例。通过使用colspan和rowspan属性，可以实现表格中单元格的水平和垂直合并，从而创建更复杂的布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用JS打印表格</title>
</head>
<body>
       <table border = 1 align = "center">
       <tr>
       <!-- 合并第一列和第二列 从左往右，把要合并的不写用  用colspan写要合并的列-->
         <td colspan = "2">第一行第一列</td>
         <!-- <td>第一行第二列</td> -->
         <td>第一行第三列</td>
         <td>第一行第四列</td>
       </tr>
       <tr>
       <!--合并行 从上往下  把要合并的不写用  用rowspan写要合并的行-->
         <td rowspan="3">第二行第一列</td>
         <td>第二行第二列</td>
         <td>第二行第三列</td>
         <td>第二行第四列</td>
       </tr>
       <tr>
         <!-- <td>第三行第一列</td> -->
         <td>第三行第二列</td>
         <td>第三行第三列</td>
         <td>第三行第四列</td>
       </tr>
       
       
       </table>

</body>
</html>