HTML标签属性<table标签>

table标签

<table> 元素表示表格数据， 即通过二维数据表表示的信息

table 的相关标签：

table：表格
thead：表格的头部
tbody：表格的中间部分
tfoot：表格的尾部
tr：table+row，table里的一行
th ： 表头
td ：table+data，表格里的数据

相关样式：

table-layout:auto; 默认值，自动计算行的宽，高，自动对齐                    
table-layout:fixed; 尽量平均宽和高
border-collapse:collapse; 合并表格
border-spacing:0; 控制border之间的距离为0 

代码示例：

<table>
    <thead>
        <tr>
          <th></th>
            <th>数学</th>
            <th>语文</th>
          </tr>
    </thead>
    <tbody>
        <tr>
          <th>小白</th>
          <td>66</td>
          <td>77</td>
        </tr>
        <tr>
          <th>小红</th>
          <td>80</td>
          <td>60</td>
        </tr>
        <tr>
          <th>小花</th>
          <td>75</td>
          <td>70</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
          <th>总计</th>
          <td>221</td>
          <td>207</td>
        </tr>
    </tfoot>
</table>

效果：

详细资料点击：HTML超文本标记语言