table 标签

<table> 标签

table标签用于展示数据。

<thead>　　　　　　表格的头部区域，便于分清表格结构

<tbody>　　　　　　表格的内容区域，便于分清表格结构

<th>　　　　　　　　表头单元格，文本内容加粗、居中显示

<tr>　　　　　　　　 用于定义表格中的行，必须嵌套在<table></table>标签中

<td>　　　　　　　   用于定义表格中的单元格，必须嵌套在<tr></tr>标签中

<cellspacing>　　　  单元格和单元格之间的空白区域；默认2像素

<cellpadding>          单元格边沿与其内容之间的空白区域；默认2像素

 

单元格合并：

• 跨行合并：rowspan = "合并单元格行的个数"

• 跨列合并：colspan = "合并单元格的列个数"

目标单元格：（写合并代码的单元格）

• 跨行合并：最上侧单元格为目标单元格，写合并代码
• 跨列合并：最左侧单元格为目标单元格，写合并代码

合并单元格的步骤：

1. 先确定上跨行合并还是跨列合并；
2. 找到目标单元格，写上合并方式（rowspan = "合并单元格行的个数" / colspan = "合并单元格的列个数"）；比如：<td colspan = "2"></td>
3. 删除被合并的单元格

<table border="1" cellspacing="0" width="200">
    <thead>
        <th>1111</th>
        <th colspan = "2">1111</th>
        
    </thead>
    <tbody>
        <tr>
            <td rowspan = "2">2222</td>
            <td>2222</td>
            <td>2222</td>
        </tr>
        <tr>
            <td>3333</td>
            <td>3333</td>
        </tr>
    </tbody>
</table>