您的位置:首页 > 职场人生

黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列

2012-09-06 13:49 1051 查看
---------------------------------------------------
2345王牌技术员联盟、2345王牌技术员联盟、期待与您交流!---------------------------------------------------------

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



<tableborder="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>
<tdrowspan="2">2000+5000</td>
<td>3000</td>
<td rowspan="3">24000</td>
</tr>
<tr>
<td>2004年</td>
<tdrowspan="2">4000+7000</td>
<td>6000</td>
</tr>
<tr>
<td>2005年</td>
<td>8000</td>
<td>9000</td>
</tr>
</table>

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



<tableborder="1">
<tr>
<th>www.dreamdu.com</th>
<th>.com域名的数量</th>
<th>.cn域名的数量</th>
<th>.net域名的数量</th>
</tr>
<tr>
<td>2003年</td>
<td>1000</td>
<tdcolspan="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>
<tdcolspan="3">24000</td>
</tr>
</table>

---------------------------------------------------
2345王牌技术员联盟、2345王牌技术员联盟、期待与您交流!---------------------------------------------------------
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: