Web前端开发笔记7——表格2

 1. thead和tbody标签，表示表格的头部分和主体部分。代码如下：

<thead>
    <tr>
        <th>排名</th>
        <th>关键字</th>
        <th>趋势</th>
        <th>链接</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            1
        </td>
        <td>
            鬼吹灯
        </td>
        <td>
            下降
        </td>
        <td>
            <a href="http://www.baidu.com" target="_blank">转至链接</a>
        </td>
    </tr>
    </tbody>

2.合并单元格：

• 跨行合并：rowspan="合并单元格个数"
• 跨列合并：colspan=“合并单元格个数”

使用方法：

• 先确定跨行还是跨列。
• 找到目标单元格（即合并的首个单元格）。写上合并方式=单元格数量。
• 删除合并后多余的单元格。

代码如下：

<thead>
    <tr>
        <th height="50"></th>
        <th colspan="2"></th>

    </tr>
    </thead>
    <tbody>
    <tr>
        <td height="50"></td>
        <td rowspan="2"></td>
        <td></td>
    </tr>
    <tr>
        <td height="50"></td>

        <td></td>
    </tr>
    </tbody>

效果如下：

3.caption标签，用于表格大标题。