表格标签table

表格：

使用table标签定义表格，每个表格由若干行（由tr定行），

每行被分为若干个单元格（由td定义）。

表格作用：

以前整个页面的布局都是使用表格，但是结构太复杂，维护

比较麻烦。展示数据时还是选择表格。

<table></table>表格

<tr></tr>行

<th></th>表头 默认样式：字体加粗 文字水平垂直居中

<td></td>单元格 包含各种标签 默认样式：文字靠左显示，垂直居中

table属性：

border="1"表格像素为1像素

width:""表格的宽

height:""表格的高 width和height用来定义表格的宽和高

单位：可以省略，默认是px

cellpadding="" 作用：用来定义单元格内容与边框的间距

cellspacing="" 作用：定义单元格与单元格之间的距离

<style>

table{

border-collapse:collapse; 合并相邻单元格之间的边框

}

</style>

td/th属性

width/height

作用：设置单元格的宽和高

align="center/right/left" 单元格的水平对齐方式

valign="top/center/bottom" 单元格内容的垂直对齐方式

-->

<!-- <table>

<caption>表格标题</caption>表格标题要紧跟着table标签

<thead>表头内容dls

<tr>

<th>表头</th>

<th></th>

<th></th>

<th></th>

<th></th>

<th></th>

</tr>

</thead>

<tbody>定义表格的主题内容，一个表格里面可以包含多个tbody

<tr>

<td></td>

<td></td>

<td></td>

<td></td>*

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</tbody>

<tfoot>定义表格页脚内容

<tr>

<td></td>

</tr>

</tfoot>

</table>

总结：划分表格的语义，实现长表格的分步加载，改变结构顺序，优先加载tbody。

每个表格只能定义一次标题

-->、

<!--

合并单元格

跨列合并：colspan:合并数量；

跨行合并：rowspan：合并数量；

操作步骤：

①确定单元格时跨行还是跨列

②找到目标单元格，添加合并属性

③删除多余的单元格

总结：①没有定义表格宽度和高度时，由单元格内容自适应

②同一行当中只识别一个高，取最大值

③同一列当中只识别一个宽，取最大值

④表格里面可以包含任何html标签以及表格

-->

<!--