[TOC]  # html表     # 表格 | 标签名 | 定义 | 说明 | | --- | --- | --- | | `*<table></table>` | 表格标签 | 就是一个四方的盒子 | | `*<caption></caption>` | 表格标题标签 | 表格的标题，跟着表格- -起走，和表格居中对齐 | | `*<tr></tr>` | 表格行标签 | 行标签要再table标签内部才有意义 | | `*<td></td>` | 单元格标签 | 单元格标签是个容器级元素,可以放任何东西 | | `<th></th>` | 表头单元格标签 | 它还是一个单元格,但是里面的文字会居中且加粗 | | `clospan` | 合并属性 | 用来合并单元格的 跨列（**左右**） | | `rowspan` | 合并属性 | 用来合并单元格的 跨行（**上下**） | | | 以下标签都是放到table标签中。 | | | `<thead></thead>` | 定义表格的头部 | 用于用来放标题之类的东西。`<thead>`内部必须拥有`<tr>`标签! | | `tbody></tbdy>` | 定义表格的主体 | 放数据本体 | | `<tfoot></tfoot>` | 表格的尾部 | 脚注之类 | # 列表   # **选项下拉列表属性**  ## **4.标准格式** ~~~ 划分 属性 thead:划分表题头 tbody:划分正文 tfoot:划分脚注 <table border="" cellspacing="" cellpadding=""> <thead> <tr><th>Header</th></tr> </thead> <tbody> <tr><td>Data</td></tr> </tbody> <tfoot> <tr><td>Data</td></tr> </tfoot> </table> ~~~ ## **5.表格的细线边框** 原因：通过表格的cellspacing="e”,将单元格与单元格之间的距离设置为0，但是两个单元格之间的边框会出现重叠，从而使边框变粗 通过css属性: collapse单词是合并的意思 border-collapse:collapse;表示相邻边框合并在一起。 ~~~ 语法： table{ border-collapse:collapse; } ~~~