HTML rowspan 属性 HTML colspan 属性

rowspan 属性  --  可以实现HTML表格中一列跨越多行

• 引用网址:http://www.dreamdu.com/xhtml/attribute_rowspan/
• 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>

 

colspan 属性  --  可以实现HTML表格中一行跨越多列

• 引用网址:http://www.dreamdu.com/xhtml/attribute_colspan/
• 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>