HTML-表格介绍

1.表格的基本结构

<table>
    <caption>这是表格标题</caption>
    <thead>
        <!--表格头部-->
        <tr>
            <th></th>
                <!--注意头部单元格是th,不是td哦-->
        </tr>
    </thead> 
    <tbody>
        <!--表格主体-->
        <tr>
            <td></td>
        </tr>
    </tbody>
    <tfoot>
        <!--表格尾部-->
        <tr>
            <td></td>
        </tr>
    </tfoot>
</table>

2.表格三个重要的基本标签:

table</table、tr</tr、td</td
这三个标签是创建表格的基本标签，三者缺一不可,其中table用于定义一个表格;tr 用于定义表格中的一行，必须嵌套在 table标签中，在 table中包含几对 tr，就有几行表格;td /td：用于定义表格中的单元格，必须嵌套在标签中，一对 中包含几对，就表示该行中有多少列（或多少个单元格）。

3.注意点:

3.1. tr</tr中只能嵌套td</td;
3.2. td</td标签，他就像一个容器，可以容纳所有的元素;

4.单元格的合并

4.1. rowspan:跨行合并;
4.2.colspan:跨列合并;

合并单元格的思想：
将多个内容合并的时候，就会有多余的东西，把它删除。 例如 把 3个 td 合并成一个， 那就多余了2个，需要删除。