您的位置：寻梦网首页＞编程乐园＞HTML园地＞HTML实用教程
HTML实用教程
作者：佚名 来源：梦之都(www.dreamdu.com)

9.6. HTML rowspan 属性

通过视频教程学习HTML表格的rowspan与colspan

rowspan 属性 -- 可以实现HTML表格中一列跨越多行
  • rowspan通常使用在td与th标签中
  • row:行,span:跨度,跨距,范围

示例

<table border="1">
    <tr>
        <th>www.dreamdu.com</th>
        <th>.com域名的数量</th>
        <th>.cn域名的数量</th>   
        <th>.net域名的数量</th>
        <th>总数</th>
    </tr>
    <tr>
        <td>2003年</td>
        <td>1000</td>
        <td rowspan="2">2000+5000</td>
        <td>3000</td>
        <td rowspan="3">24000</td>
    </tr>
    <tr>
        <td>2004年</td>
        <td rowspan="2">4000+7000</td>
        <td>6000</td>
    </tr>
    <tr>
        <td>2005年</td>
        <td>8000</td>
        <td>9000</td>
    </tr>
</table>

HTML rowspan 属性示例 -- 可以尝试编辑

说明

  • rowspan属性可以实现单元格跨越多行
  • 内容为"24000"的列跨越了3行,内容为"2000+5000"与"4000+7000"的列跨越了2行
 【HTML视频教程】