本章节继续介绍网页常用的标签。
网页常用标签介绍
table标签
该标签表示表格,通常需要和一些标签一起使用,如下:
一些必要的说明:
1、th与td区别
它们都是表格单元格的标签,不同之处是th的内容显示为粗体效果
2、col与colgroup
Firefox、Chrome、Safari等浏览器中,col支持的属性为:width、background、background-color
colgroup支持的属性为:span、width、background、background-color
3、tbody,thead与tfoot的使用
table中使用tbody可以起到优化显示的作用。比如当你表格很长,使用tbody分段能让部分部分的显示出来,减少用户的等待.
使用了thead、tbody、tfoot它们,表格的显示一定为从头到脚,不论你写的代码顺序是怎么样的。
4、表格标题只能有一个
table标签常用属性
1、border定义表格的边框
2、cellpadding定义单元格内内容与边框的距离
3、cellspacing定义单元格与单元格之间的距离
4、align设置单元格中内容的水平对齐方式,设置值有:left
center
right
5、valign设置单元格中内容的垂直对齐方式top
middle
bottom
6、colspan设置单元格水平合并,占据列数
7、rowspan设置单元格垂直合并,占据行数
table结构化
table
thead……/thead--------表头区
tbody……/tbody--------表体区
tfoot……/tfoot--------表尾区
/table
在浏览器中默认的表格显示如下:
table默认合并单元格如下:
table合并单元格默认的样式比较难看,通常我们都会使用css进行美化工作,这将会在后面单独介绍。