原生的HTML：表格详解 table

    一、什么是表格
        表格是用来以一种结构化的方式来显示数据的元素。
        表格是一些被称之为 单元格 的矩形框 按照 从左到右，从上到下的顺序排列而成的一个元素。
    二、创建表格
       1、表格 : <table></table>
        2、表头：<thead></thead>
        3、表体：<tbody></tbody>
        4、表尾：<tfoot></tfoot>
        5、行 : <tr></tr>
        6、列(单元格) : <td></td>

        注意：
            1、表格的 display:table,既不是行内元素也不是块级元素
            2、特点
                1、独自成行
                2、宽度，高度，全部都是以内容为主-自适应
   三、表格的常用属性
        1、表格元素属性-table
            1、width
                宽度
            2、height
                高度
            3、align
                设置 表格 在其父元素中的水平对齐方式 
            4、border
                边框
                取值 以px为单位数值，px可以省略
            5、cellpadding
                设置单元格内边距-单元格边框与内容之间的距离
            6、cellspacing
                设置单元格外边距-单元格与单元格，或单元格与表格之间的距离
            7、bgcolor
                背景颜色
        2、表行元素属性-tr
            1、align
                该行文本的水平对齐方式
                left/center/right
            2、valign
                该行文本的垂直对齐方式
                top/middle/bottom
            3、bgcolor
        3、单元格(列)td元素属性-td
            1、align
                单元格内容的水平对齐方式
            2、valign
            3、width
            4、height
            5、bgcolor
            6、colspan
                设置单元格跨列
            7、rowspan
                设置单元格跨行
    四、表格中其他标记
        1、表格标题
            语法：<caption>标题</caption>
            默认情况下，标题将在表格上方以水平居中的方式显示。
            注意：<caption>必须紧紧跟随在<table>之后
        2、行(列)标题
            以特殊化的方式 来显示每行中的第一个单元格 或 第一行中的 每列单元格的效果
            语法：<th></th>
            注意：th 与 td 具备相同作用的，不同显示效果
            特殊效果：
                1、水平居中显示
                2、文本加粗显示
    五、表格复杂应用
        1、行分组
            1、表头 行分组
                <thead></thead>
            2、表主体 行分组
                <tbody></tbody>
            3、表尾 行分组
                <tfoot></tfoot>

            以上三组，每组中都允许包含多对 <tr>

            注意：
                如果不手动指定行分组的话，那么所有的行都被默认在 <tbody>中
        2、不规则表格
            1、跨列
                设置 td 的 colspan 属性
                从当前单元格开始，横向向右 合并几个单元格(包含自己)
            2、跨行
                设置 td 的 rowspan 属性
                从当前单元格开始，纵向向下合并几个单元格(包含自己)
        3、表格的嵌套
            一个表格中又嵌套了另一个表格
            表格中，所有被嵌套的东西，只能放在 <td> 中
            <table>
                <tr>
                    <td></td>
                    <td>
                        <table>
                            <tr>
                                <td></td>
                            </tr>
                        </table>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>