html5基础第六篇，表格table。

版权声明：出错请帮忙指出。 https://blog.csdn.net/sinat_25786399/article/details/82813164

table表格

1.基本标签

• tr行。
• td列。
• th列,th中的内容会加粗,内容会水平居中。

	    <table border="1px">
	    	<tr>
	    		<td>aa年号</td>
	    		<td>斤斤斤</td>
	    	</tr>
	    	<tr>
	    		<th>酷</th>
	    		<th>酷</th>
	    	</tr>
	    	<tr>	
	    		<td>a</td>
	    		<td>斤</td>
	    	</tr>
	    </table>

 2.单元格合并

• 通过设定单元格所占行数或者列数,改变单元格所占空间,再删除多余的单元格,从而实现单元格合并的效果。
• rowspan属性，定义单元格所占的行数。
• colspan属性，定义单元格所占的列数。
• 删除多余的单元格。

<table border="1px">
<tr>
    <td>aa</td>
    <td>bb</td>
</tr>
<tr>
    <td colspan="2" rowspan="2">bb</td>
</tr>
</table>

3.表格分区标签

• 语法位置：在table之内,tr之外,包裹tr。
• thead。包裹的tr会始终显示在所有tr的最上方，规定一个表格中只能有一个thead。
• tbody。没有显示位置的变化,仅仅是表示分区，一个表格中可以有一个或者多个tbody。
• tfoot。包裹的tr会始终显示在所有tr的最下方。规定一个表格中只能有一个tfoot。  

4.标题标签 

• 标签内容会默认显示在表格最上方,并且水平居中。
• 语法位置：table之内,在tr之外,与tr同级。

<table border="1px">
<caption>报表</caption>
<tfoot>
    <tr>
        <td>合计</td>
        <td>姓名列表</td>
        <td>50</td>
    </tr>
</tfoot>
<thead>
    <tr>
        <td>数量</td>
        <td>名称</td>
        <td>个数</td>
    </tr>
</thead>
<tbody>
    <tr>
        <td>20</td>
        <td>小明</td>
        <td>20</td>
    </tr>
</tbody>
</table>