首页 > 软件操作教程 > 编程开发 > HTML
题目内容

设置跨行rowspan HTML

题目答案
如果要对表格使用行合并,也就是让同一列上的不同行上的几个单元格合并为一个单元格,那么要找到被合并的单元格中处于最上面的那个单元格,并加上rowspan属性,然后将其他行中对应的其他单元格的标记删除掉。

<td rowspan="#">

语法说明:#指要合并的单元格总数。

 本例是应用表格的行合并,页面有一个三行四列的表格,其中第一列上的第一行和第二行的两个单元格要被合并为一个单元格。

代码如下:

<!DOCTYPE html>

<html>

   <head>

      <title>行合并表格</title>

   </head>

   <body>

      <table border="1">

      <caption>行合并</caption>

              <tr>

                  <td rowspan="2">A00B10</td>

                  <td>A01</td>

                  <td>A02</td>

                  <td>A03</td>

              </tr>

              <tr>

                  <td>B11</td>

                  <td>B12</td>

                  <td>B13</td>

              </tr>

              <tr>

                  <td>C20</td>

                  <td>C21</td>

                  <td>C22</td>

                  <td>C23</td>

              </tr>

         </table>

   </body>

</html>

image.png

网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端