国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > thead 以获得更好的体验。

# HTML 的 <thead> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

HTML 的 <thead> 元素封装了一系列表格的行(<tr>),代表了它们是表格(<table>)头部的组成部分。

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。
  • bgcolor: 此属性定义列中每个单元格的背景颜色。

# 示例

<table>
    <caption>天气预报</caption>
    <thead>
        <tr>
            <th>日期</th>
            <th>星期</th>
            <th>天气</th>
            <th>温度</th>
            <th>风力</th>
            <th>建议</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="date">3月12日</td>
            <td>周日</td>
            <td><span class="weather-icon">☀️</span></td>
            <td><span class="high-temp">22°C</span> / <span class="low-temp">22°C</span></td>
            <td>东风2级</td>
            <td>适合户外活动</td>
        </tr>
        <tr>
            <td class="date">3月13日</td>
            <td>周一</td>
            <td><span class="weather-icon"></span> 多云</td>
            <td><span class="high-temp">20°C</span> / <span class="low-temp">23°C</span></td>
            <td>微风1级</td>
            <td>适宜出行</td>
        </tr>
        <tr>
            <td class="date">3月114日</td>
            <td>周二</td>
            <td><span class="weather-icon">🌧️</span> 小雨</td>
            <td><span class="high-temp">18°C</span> / <span class="low-temp">21°C</span></td>
            <td>东南风3级</td>
            <td>记得带伞</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="6" style="text-align: center; padding: 10px; font-size: 0.9em; color: #666;">
                数据更新时间: 2023年3月11日 19:00
            </td>
        </tr>
    </tfoot>
</table>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:05 创建于: 2025-11-27 09:38:05