表格结构标签的简单介绍

图一 ：

 

图二：

    <table border="1">
        <thead>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
        </thead>   
        <tbody>
            <tr>
                <td>张三</td>
                <td>99</td>
                <!-- 合并单元格  行 -->
                <td rowspan="2">100</td>
                <td>199</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>98</td>
                <!-- <td>100</td> -->
                <td>198</td>
            </tr>
         </tbody> 
         <tfoot>
            <tr>
                <td>总结</td>
                <!-- 合并单元格  列 -->
                <td colspan="3">全市第一</td>
                <!-- <td>全市第一</td>
                <td>全市第一</td> -->
            </tr>
         </tfoot>
    </table>

table嵌套tr  tr 嵌套td/th

table表格

tr行，有几行写几个tr

th表头单元格

td内容单元格

表格默认没有边框线。使用border属性可以为表格添加边框线

如果属性值为1，则表示有边框线，如果属性值为0，则表示没有边框线。

如果想要将图一的情况变为图二的情况，也就是我们平时所说的合并单元格。

则需要添加rowspan、colspan属性

以保留最左最上为原则 添加属性（取值是数字，表示需要合并的单元格数量）

跨行合并（保留最上的单元格，添加属性rowspan）

跨列合并（保留最左的单元格，添加属性colspan)