首先让我们了解什么是表格还有表格的作用

什么是table表格：由一些 被称之为 单元格的矩形框 按照从左到右从上到下的顺序排列到一起组成的

table表格的作用：以一定的结构来显示信息的。

我们如何使用table表格：

注意：默认情况下每行中的列数是统一的。

2.宽度自适应(甴内容来决定)

4.border：边框,边框宽度以px为单位的数值，px可以省略

单元格边框与内容之间的距离

单元格与单元格之间或者单元格与表格之间的 距離

1.align：该行的内容 水平对齐方式

该行的内容 垂直对齐方式

• colspan：设置单元格跨列

• rowspan：设置单元格跨行

还有表格中的其他标记：

位置：表格正上方居Φ显示

列标题：第一行中的每一列加粗，水平居中的效果显示

行标题：每行里面的第一列, 加粗水平居中的效果显示

表格可以被划分成3個部分

注意：如果不对表格行进行分组的话，那么默认都属于 tbody 中

每行中的列数不是统一化的。

合并列让指定的单元格，横向向右合並几个单元格(包含自己)

合并行，让指定的单元格纵向向下，合并几个单元格(包含自己)

注意：无论是跨行还是跨列被合并的单元格一定從代码中删除出去

在一个表格中，又嵌入了另外一个表格

被嵌套的表格必须出现在<td>中

1、html table表格样式属性之边框合并

1.separate：默认值分离边框模式

2、html table表格样式属性之边框边距

1.作用：设置相邻单元格边框之间的距离(类似于cellspacing)

表示水平和垂直间距相等

第一个值表示的 水平间距

第二个值表示嘚 垂直间距

两个值之间用 空格 隔开

必须为分离边框模式时有效

3、html table表格样式属性之标题位置

作用：将标题位置由默认的位置改到表格之下

2、bottom：标题位于表格之下

4、html table表格样式属性之显示规则

指定浏览器以什么样的方式来布局一个表格。实际是指定了单元格的算法规则

默认算法：單元格的宽由内容来决定不受设置的width值来限定。

1、auto：默认值自动，列宽由内容来决定

2、fixed：固定表格布局列宽由设定的值决定。

3、自動表格布局&固定表格布局

单元格的大小会适应内容大小

在表格复杂时加载会比较慢

适用于不确定每列大小时使用

单元格的大小由设定的徝来决定，与内容无关

会加速显示表格浏览器在加载完第一行的时候就不用再计算了。

用在表格元素上删除一行或一列，不影响表格整个布局

谢谢你看完了本篇文章如果有什么疑问或者是什么关于这上面的问题你都可以在下面提问。

还有一篇是这个进阶版的文章欢迎点击：html5 table标签的样式介绍（另附html5 table css居中的实例）

以上就是html table表格是什么？<table>标签中各种属性的使用方法的详细内容更多请关注Gxl网其它相关文章！