HTML从零开始学习网页常用标签介绍

本章节继续介绍网页常用的标签。

网页常用标签介绍

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进行美化工作,这将会在后面单独介绍。




转载请注明:http://www.aierlanlan.com/rzfs/2779.html