table

浏览器解析表格时是等整体加载完毕才显示, 使用thead tbody tfoot标识结构则可以边加载边显示
border-collapse: collapse;可以用来设置表格的边框合并

table标签的属性：

      width | height属性：宽 | 高
      align：表格在包容它的容器里的位置 默认值：left 左 | right 右 | center 居中
      border： 表格边框 
      bgcolor： 背景颜色
      cellpadding： 单元格边与内容间距
      cellspacing： 单元格间间距
      frame： 外侧边框可见 
            `void` 不显示(默认值)
            `above` 上 
            `below` 下 
            `hsides` 上下 
            `vsides` 左右 
            `lhs` 左 
            `rhs` 右 
            `box` 所有四个边上显示外侧边框 
            `border` 所有四个边上显示外侧边框
      rules属性： 内侧边框可见
             `none` 没有(默认值)
             `groups` 位于行组和列组间的线条
             `rows` 行间
             `cols` 列间
             `all` 位于行组和列组间的线条

image

属性

    align:行内容的水平对齐方式 left center right justify char
    valign:行内容的垂直对齐方式 top middle bottom baseline
    bgcolor: 背景色
    

td和th标签

    colspan 跨列合并
    rowspan 跨行合并

thead&tbody&tfoot标签

    为结构标签设置水平垂直对齐方式作用于其内部的行和列

样本

<table border="6" width="500" bgcolor="#f2f2f2" cellspacing="0" align="center" cellpadding="5" frame="void">
    <caption>前端平均工资</caption>
    <thead>
        <tr>
            <th rowspan="2">城市</th>
            <th colspan="2">2014年</th>
            <th rowspan="2">2015年</th>
            <th rowspan="2">2016年</th>
        </tr>
        <tr>
            <th>上半年</th>
            <th>下半年</th> 
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>北京</td>
            <td>8000</td>
            <td>9000</td>
            <td>10000</td>
            <td>12000</td>
        </tr>
        <tr>
            <td>上海</td>
            <td>6000</td>
            <td>7000</td>
            <td>8000</td>
            <td>10000</td>
        </tr>        
    </tbody>
    <tfoot>
        <tr>
            <td>合计</td>
            <td>7000</td>
            <td>8000</td>
            <td>9000</td>
            <td>11000</td>
        </tr>
    </tfoot>
</table>