表格的使用

表格和列表同样是网页布局最长用的布局方式，表格是为了让我们的布局的更加的美观和规范，废话不多说直接上代码

<table>
        <thead>
            <tr>
            <th></th>
        </tr>
    </thead>
        <tbody>
            <tr>
            <td></td>
        </tr>
    </tbody>
        <tfoot>
            <tr>
            <td></td>
        </tr>
    </tfoot>
    </table>

其中thead表示的是表头的单元格，tbody表示的是表格主体，tfoot表示的是表格的脚部，

如果就这样写出来的表格是没有框线的，如果想把框线给显示出来，还需要在table标签加上border="1"，如果border="9"或者其它的数字时，呈现的效果是把外面的边框线给加粗，里面的单元格不会变化的

如上图所示，表示的是border="0"或者不写border的情况

而上图所表示的是border="1"的情况（网页是经过放大的）。后面最常用的是用CSS来美化表格了，表格里面的有一些属性和属性值，可以自行的了解。需要注重说明的两个属性是colspan和rowpan这两个属性。其中最常见的是课程表了。

colspan="num",rowspan="num"(num表示的是合并单元格的数量)

colspan表示的向右合并单元格

rowspan表示的向下合并单元格（个人理解把row想象成low底部，低俗的意思）

值得注意的是：合并单元格之后需要考虑的是把多出来的单元个给删除掉（首先把一个完整的表格给做出来然后考虑合并单元格的问题）。

 

 

各位看官老爷，小子前端知识薄浅，如有考虑不周的地方欢迎指出。