html table表格有哪些？<table>标签中各种属性的运用办法
第一让我们理解什么是表格，还有表格的作用
什么是table表格：由一些 被称之为 单元格的矩形框 依照从左到右从上到下的次序摆列到一起组成的
table表格的作用：以必然的构造来显示信息的。
我们怎样使用table表格：
定义表格：<table></table>
创立表行：<tr></tr>
创立列(单元格):<td></td>
留意：默许状况下，每行中的列数是统一的。
table : display:table;
html table表格的特点：
1.独占一行
2.宽度自顺应(由内容来决议)
html table的表格属性：
1、<table> 属性
1.width：设定表格宽度
2.height：设定表格高度
3.align：设定 表格 在其 父元素中的水平对齐方式，取值：left,center,right
4.border：边框,边框宽度，以px为单位的数值，px可以省略
5.cellpadding
单元格内边距
单元格边框与内容之间的间隔
6.cellspacing
单元分外边距
单元格与单元格之间或者单元格与表格之间的 间隔
7.bgcolor：背景色彩
2、table中的<tr> 属性
1.align：该行的内容 水平对齐方式
2.valign
该行的内容 垂直对齐方式
取值：top，middle，bottom
3.bgcolor
3、table中的<td> 属性
width
height
align
valign
bgcolor
colspan：设定单元格跨列
rowspan：设定单元格跨行
还有表格中的其他标志：
1、<caption></caption>
作用：为表格定义标题
位置：表格正上方居中显示
<table>
<caption>标题</caption>
<tr>
<td></td>
<td></td>
</tr>
</table>2、行标题或列标题
列标题：第一行中的每一列，加粗，水平居中的结果显示
行标题：每行里面的第一列, 加粗，水平居中的结果显示
行(列)标题:<th></th>
3、表格的复杂利用
1、行分组
表格可以被划分成3个部分
1、表头 <thead></thead>
2、表主体 <tbody></tbody>
3、表尾 <tfoot></tfoot>
<table>
<tbody>
<tr></tr>
<tr></tr>
</tbody>
</table>留意：假如不合错误表格行停止分组的话，那么默许都属于 tbody 中
2、不规则表格
每行中的列数，不是统一化的。
1.跨列
合并列，让指定的单元格，横向向右，合并几个单元格(包括本人)
语法：td 的 colspan 属性
2.跨行
合并行，让指定的单元格，纵向向下，合并几个单元格(包括本人)
语法：td 的 rowspan 属性
留意：不管是跨行还是跨列，被合并的单元格必然从代码中删除出去
3、表格的嵌套
在一个表格中，又嵌入了别的一个表格
被嵌套的表格必需显现在<td>中
<table>
<tr>
<td>
<table>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>html table表格特有的样式属性
1、html table表格样式属性之边框合并
属性：border-collapse
取值：
1.separate：默许值，别离边框模式
1.collapse：边框合并模式
2、html table表格样式属性之边框边距
1.作用：设定相邻单元格边框之间的间隔(相似于cellspacing)
2.属性：border-spacing
取值：
1、取1个值
表示水安然平静垂直间距相等
2.取2个值
第一个值表示的 水平间距
第二个值表示的 垂直间距
两个值之间用 空格 隔开
3.要求
border-collapse必需为separate
必需为别离边框模式时有效
3、html table表格样式属性之标题位置
<caption></caption>
作用：将标题位置由默许的位置改到表格之下
属性：caption-side
取值：
1、top：默许
2、bottom：标题位于表格之下
4、html table表格样式属性之显示规则
1.作用
指定阅读器以什么样的方式来规划一个表格。实际是指定了单元格的算律例则
默许算法：单元格的宽由内容来决议，不受设定的width值来限制。
2.属性：table-layout
取值：
1、auto：默许值，主动，列宽由内容来决议
2、fixed：牢固表格规划，列宽由设定的值决议。
3、主动表格规划&牢固表格规划
1.主动表格规划(auto)
单元格的大小会顺应内容大小
在表格复杂时，加载会比力慢
适用于不肯定每列大小时使用
传统表格展现方式
2.牢固表格规划(fixed)
单元格的大小由设定的值来决议，与内容无关
会加快显示表格，阅读器在加载完第一行的时候就不消再运算了。
4、潜藏的显示结果
属性： visibility:collapse
用在表格元素上，删除一行或一列，不影响表格整个规划
感谢你看完了本篇文章，假如有什么疑问或者是啥关于这上面的问题你都可以鄙人面发问。
还有一篇是这个进阶版的文章，欢迎点击：html5 table标签的样式介绍（另附html5 table css居中的实例）
【小编的相关文章】
html em标签的作用是啥？<em>和<i>标签的不同
html optgroup标签是啥意思？关于html optgroup标签的用途和属性实例解析
以上就是html table表格是啥？<table>标签中各种属性的使用办法的具体内容，更多请关注百分百源码网其它相关文章！
