HTML学习之表格

HTML建立表格：

 

§使用表格可以划分页面的布局

 

格式：

..

 

表格中的一行数据

表格中的二行数据

表格中的三行数据

 

测试实例如下：

表格中的一行数据	表格中的一行数据
表格中的二行数据	表格中的二行数据
表格中的三行数据	表格中的三行数据

 

 

标签的属性：

 

 

border 设置表格边框

caption 设置表格标题

align 设置表格在网页中的布局

width 设置表格宽度

height 设置表格高度

cellspacing 设置表格各单元格之间距离

cellpadding 设置单元格内部与文本之间的间距

bordercolor 设置表格边框颜色

bordercolorlight 设置表格亮面颜色

Bordercolordark 设置表格暗面颜色

测试程序如下：

 

表格中的一行数据	表格中的一行数据
表格中的二行数据	表格中的二行数据
表格中的三行数据	表格中的三行数据

 

标签的属性： bgcolor设置背景颜色。align 设置行对齐方式。 valign 设置单元格垂直对齐方式

测试程序如下：

 

表格中的一行数据	表格中的一行数据
表格中的二行数据	表格中的二行数据
表格中的三行数据	表格中的三行数据

和标签的属性：

 

 

bgcolor 设置单元各背景颜色

rowspan 设置单元格所占行数

colspan 设置单元格所占的列数

align 设置对齐方式

valign 设置单元格垂直对齐方式

width 设置单元格宽度

height 设置单元格高度

测试程序如下：

 

表格中的一行数据	表格中的一行数据
表格中的二行数据	表格中的二行数据
表格中的三行数据	表格中的三行数据

---

rowspan

一行数据	第一行数据
	第二行数据
	第三行数据

---

colspan

第一行数据
第二行数据	第二行数据
第三行数据	第三行数据

---

th

表格中的一行数据	表格中的一行数据
表格中的二行数据	表格中的二行数据
表格中的三行数据	表格中的三行数据