html th表格居中,HTML----之表格

一、创建表格的基本语法：

单元格内的文字

...

...

总结：

表格的主要目的是用来显示特殊数据的

一个完整的表格有表格标签(table)，行标签(tr)，单元格标签(td)组成，没有列的标签

中只能嵌套 类的单元格标签，他就像一个容器，可以容纳所有的元素

二、表格属性

重点记住 cellspacing 、 cellpadding

tt.png

我们经常有个说法，是三参为0， 平时开发的我们这三个参数 border cellpadding cellspacing 为 0

07table表格属性.jpg

例子

姓名	性别	年龄
刘德华	男	55
郭富城	男	52
张学友	男	58
黎明	男	18
刘晓庆	女	63

三、表头单元格标签th

作用：

一般表头单元格位于表格的第一行或第一列，并且文本加粗居中

语法：

只需用表头标签

替代相应的单元格标签即可。

四、表格标题caption

定义和用法

注意：

caption 元素定义表格标题，通常这个标题会被居中且显示于表格之上。

caption 标签必须紧随 table 标签之后。

这个标签只存在 表格里面才有意义。你是风儿我是沙

五、合并单元格(难点)

1.合并单元格2种方式

跨行合并：rowspan="合并单元格的个数"

跨列合并：colspan="合并单元格的个数"

2.合并单元格顺序

合并的顺序我们按照 先上 后下 先左 后右 的顺序

3.合并单元格三步曲

先确定是跨行还是跨列合并

根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量 比如 ：

删除多余的单元格 单元格

Document

个人简历

刘德华	男	18	照片
身高 180	汉族	已婚
个人作品	个人作品
个人简历	个人简历

合并表格.png

六、总结表格

标签名

定义

说明

表格标签

就是一个四方的盒子

表格行标签

行标签要再table标签内部才有意义

单元格标签

单元格标签是个容器级元素，可以放任何东西

表头单元格标签

它还是一个单元格，但是里面的文字会居中且加粗

表格标题标签

表格的标题，跟着表格一起走，和表格居中对齐

clospan 和 rowspan

合并属性

用来合并单元格的

七、表格划分结构(了解)

对于比较复杂的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注， 这样更好的分清表格结构

注意：

：用于定义表格的头部。用来放标题之类的东西。 内部必须拥有 标签！

：用于定义表格的主体。放数据本体 。放表格的脚注之类。

以上标签都是放到table标签中。