thead ----------表头
tbody ----------表躯干
tfoot ----------表注
一般来说：数据的标题放在thead里面，数据放在tbody里面，表格的注释放在tfoot里面。
thead, tbody, tfoot三个标签的使用目的是把一个表格分成三个大的部分，每个部分存放不同的东西，这样这个表格就会比较有结构。所以说：thead, tbody, tfoot相当于三间房子，每间房子都可以用来放东西，主要是把比较相同的东西放在一个房间，这样就容易区分。
<tr></tr>这个标签就是放在三间房子里面的东西，每一个<tr></tr>就是表格一行，你如果打开一张Excel表格就会发现每张表格都是一行一行的。表格的每一行都分为一个一个的小格子，这个就叫------单元格。每一个单元格就是用来存放数据的，这个数据分为两种：一，数据的名称；二，数据本身。
比如一张课程表：
星期一 星期二
8:00 语文 数学
10:00 历史 政治
其中的“星期一” “星期二” “8:00” “10:00” “语文” “数学” “历史” “政治”都是数据，却在于，“星期一” “星期二” “8:00” “10:00”等于数据的名称，“语文” “数学” “历史” “政治”才是真正的数据。
在HTML中，为了把数据名称和真正的数据区别开来，用<th></th>表示数据的名称，也就是标题。<td></td>表示真正的数据内容。所以，以上的那张表格如果用HTML写，那么“星期一” “星期二” “8:00” “10:00”都放在<th></th>里面；“语文” “数学” “历史” “政治”则放在<td></td>里面。
其实两者差别挺明显的，thead用于定义表头的内容，比如下面代码加黑的部分，定义表头的颜色等样式
而th标签则和td标签同时使用，分别定义表头内容和表格数据数据。
thead组合表头内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<style type="text/css">
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
</style>
</head>
<body>
<table border="1">
<thead>F
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
<p><b>提示:</b> thead, tbody, 和 tfoot 元素默认不会影响表格的布局。不过，您可以使用 CSS 来为这些元素定义样式，从而改变表格的外观。</p>
</body>
</html>
---------------------------------------------------------
<!表格>
Month Savings
Sum $180
January $100
February $80
提示: thead, tbody, 和 tfoot 元素默认不会影响表格的布局。不过，使用 CSS 来为这些元素定义样式，从而改变表格的外观。