沈阳供暖缴费:表格边框代码应用(1)

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 03:29:53
一、表格的基本代码:
表格由
这六标签以及border这个属性组合而成,可以通过在代码中加入更多属性来实现表格的各种不同样式。
1、最简单的表格:
代码:


表格内容

效果:
表格内容
说明:表格内的“表格内容”可以是文字、图片、flash、链接网址等。
2 、多单元表格:
代码:


表格内容 表格内容表格内容

效果:
表格内容 表格内容 表格内容
3 、多行多列表格:
代码:



表格内容表格内容表格内容
表格内容表格内容表格内容

效果:
表格内容 表格内容 表格内容
表格内容 表格内容 表格内容
二、表格栏位合并的代码:
表格栏位合并基本上分为行合并和列合并两种。
1、左右栏位合并的表格:
代码:



表格内容
表格内容表格内容表格内容

效果:
表格内容
表格内容
表格内容
表格内容
说明:首行的标签中多了一个colspan命令,这是“左右栏位合并”的属性,colspan=3的意思是“首行合并了3个单元格”,因此后面的的两个都可以省掉,因为那两格被合并了。
底行左右栏位合并的表格:
代码:




表格内容表格内容表格内容
表格内容表格内容表格内容
表格内容

效果:
表格内容 表格内容 表格内容
表格内容 表格内容 表格内容
表格内容
说明:底行的标签中多了一个colspan命令,这也是“左右栏位合并”的属性,colspan=3的意思是“底行合并了3个单元格”,因此后面的的两个都也可以省掉。
2、上下栏位合并的表格:
代码:



表格内容
表格内容
表格内容
表格内容表格内容

效果:
表格内容
表格内容 表格内容
表格内容 表格内容
说明:首列的标签中则多了个rowspan命令,这是“上下栏位合并”的属性,rowspan=2的意思是“首列合并了2个单元格”。