四、HTML中表格的书写

一、表格的标签

    <table>：表格的最外层容器

    <th>： 定义表头

    <tr> ： 定义表格行

    <td>： 定义表格单元

    <caption>：定义表格标题    

二、表格的属性

    border ： 表格边框

    cellpadding ： 单元格内的空间

    cellspacing ： 单元格之间的空间

    rowspan ： 合并行（上下合并）

    colspan ： 合并列（左右合并）

    align ： 左右对齐方式 ( left center right )

    valign ：上下对齐方式 ( top middle bottom )

    width、height : 表格的宽高

表格例子：

    <table border="1" cellpadding="30" cellspacing="30"> 
        <tr>
            <th align="right" width="300">日期</th>
            <th colspan="2">天气</th>
            <th>出行情况</th>
        </tr>
    </table>

三、语义化标签：

<thead>、<tbody>、<tfoot> 

并不会对表格产生任何影响，语义化更好。

一个表格table中，只能有一个thead和tfoot，但是可以有多个tbody

<table border="1" cellpadding="30" cellspacing="30"> 
    <thead>
        tr>
            <th colspan="4">出行情况</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th align="right" width="300">日期</th>
            <th colspan="2">天气</th>
            <th>出行情况</th>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th align="right" width="300">日期</th>
            <th colspan="2">天气</th>
            <th>这是结尾</th>
        </tr>
    </tfoot>
</table>

 

注：表格也是有嵌套规范的。