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

9.7. HTML colspan 属性

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

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

示例

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

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

说明

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