黑马程序员之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王牌技术员联盟、期待与您交流!---------------------------------------------------------
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王牌技术员联盟、期待与您交流!---------------------------------------------------------
相关文章推荐
- HTML表格的rowspan与colspan视频教程 colspan 属性 -- 可以实现HTML表格中一行跨越多列
- rowspan 属性 -- 可以实现HTML表格中一列跨越多行
- HTML学习笔记---table表格,display属性(结合我的clear:both看)
- Dreamweaver学习笔记1:html表格属性练习
- <学习html>第五天笔记-表格table(创建表格、表格属性、表头标签、表格结构、表格标题标签、合并单元格)
- 黑马程序员之HTML学习笔记:把数据放在表格中
- .Net学习笔记----2015-07-13(表格相关属性介绍及HTML小练习)
- HTML中表格属性rowspan与colspan的使用小例子
- ASP.NET学习笔记八之HTML事件属性
- HTML学习笔记--制作表格
- 黑马程序员之ORACLE数据库学习笔记:如何实现连接池及连接池的优缺点
- html css学习笔记-响应式布局的两种基本实现
- 黑马程序员之C#学习笔记:C#中属性与索引的区别
- HTML5+CSS3+JS学习笔记-12-使用JS及函数来制作表格加上3D透视效果
- HTML学习笔记(四)HTML 属性
- HTML学习笔记(九)HTML 表格
- [原创]java WEB学习笔记83:Hibernate学习之路---双向 1-n介绍,关键点解释,代码实现,set属性介绍(inverse,cascade ,order-by )
- 菜鸟的jquery学习笔记,jquery添加删除html标签属性:2011-12-19
- SQL Server将一列的多行内容拼接成一行的实现方法
- html+css学习笔记 5[表格、表单]