学习：从零玩转HTML5前端+跨平台开发（表格标签基本使用、属性(理解)）、细线表格(理解)、表格中的其它标签(理解)

1什么是表格标签？
表格标签作用：用来给一堆数据添加表格语义
其实表格是一种数据的展现形式，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式

2.表格标签格式：
<table>
       <tr>
               <td></td>
       </tr>
 </table>
表格标签作用：用来给一堆数据添加表格语义

其实表格是一种数据的展现形式，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式。

表格标签中的table代表整个表格，也就是一堆table标签就是一个表格
表格标签中的tr标签代表整个表格中的一行数据，也就是说一对tr标签就是表格中的一行

表格标签中的td标签代表表格中一行的一个单元格，也就是说一对td标签就是一行中的一个单元格

注意点：
表格table标签有一个边框属性，这个属性决定了边框的宽度，默认情况下这个属性的值为0，所以看不到边框(border)

【表格标签的属性】
1.宽度和高度属性（table td可用）width/weight="××px"
1.1默认按照内容自动调整
1.2添加table标签的width/height属性指定宽高
1.3给td标签设置属性，只修改当前单元格的宽高，整个表格不变
2.水平对齐和垂直对齐属性（水平table tr td都可用，追至只有tr td可用）
水平：align=“center,left,right"
垂直：valign="top,center,borrom"
2.1 给table设置属性，表格左中右移动
2.2 给tr设置属性，当前行中所有单元格
2.3 给td设置属性，该单元格移动
3.外边距和内边距属性（只有table可用）
3.1外边距：单元格之间的距离
cellspacing="a" (默认是2px）
3.2 内边距：文字和单元格之间的距离
cellpadding+"a"(默认是1px)

细线表格的制作方式：
1.给table标签设置bgcolor
2.给tr标签设置bgcolor
3.给table标签设置cellspacing="1px"

注意点：
table标签和tr标签以及td标签都支持bgcolor属性

1.表格标题
在表格标签中提供了一个专门用来设置表格的标题，这个标签叫做caption。只要将标题写在caption标签中，那么标题就会自动相对于表格的宽度居中


2.注意点：
2.1caption一定要写在table标签中，否则无效
2.2caption一定要紧跟在table标签后面


3.标题单元格标签
在表格标签照片那个提供了一个标签专门用力存储每一列的标题，这个标签叫做th标签，只要将当前的标题存储在这个标签中就会自动居中+加粗文字
到此为止我们就发现，其实表格中有两种单元格，一种是td，一种是th。td是专门用来存储数据的，th是专门用用来存储当前的标题的

由于表格中存储的数据比较复杂，为了方便管理和提升语义，我们对表格中存储的数据进行分类。
表格的数据可以分为4类：
表格的标题；
表格的表头信息；
表格的主体信息；
表格的页尾信息；
caption:指定表格的标题
thead作用：指定表格的表头信息
tbody作用：指定表格的主体信息
tfoot作用：指定表格的附加信息
表格的完整结构：

table>caption+thead>tr>th+tbody>tr>td+tfoot>tr>td

如果没有写tbody，系统会自动帮我们写
如果指定了thead和tbody，那么在修改了整个表格的高度时，thead和tfoot有自己默认的高度，不会随着表格的高度变化而变化

.水平方向上的单元格合并
可以 给td标签添加一个colspan属性，来指定把某一个单元格当做多个单元格来看待
列如：
<td colspan="2"></td>
含义：把当前单元格当做两个单元格来看待

注意点：
1.由于把某一个单元格当做了多个单元来看到，所以就会多出一些单元格，所以需要删掉一些单元格才能正常显示
2.一定要记住单元格合并永远都是向后或者向下合并，而不能向前或向下合并

colspan 代表水平方向单元格占一多个单元格的位置，col代表column；单元格永远向下或向后合并，不能向前或向上合并。
rowsoan：垂直方向占多个单元格

阅读更多