#HTML 的 <table> 标签

HTML 的 <table> 元素表示表格数据——即在一个由包含数据的行和列组成的二维表格中呈现的信息。

表格中通常包含以下元素：

• <caption> 元素表示表格的标题
• <thead> 元素表示表格的头部
• <tbody> 元素表示表格的主体
• <tr> 元素表示表格的行
• <th> 元素表示表格头部中的单元格
• <td> 元素表示表格主体中的单元格
• <tfoot> 元素表示表格的脚，通常用于汇总数据

#属性

#示例

<table>
    <caption>天气预报</caption>
    <thead>
        <tr>
            <th>日期</th>
            <th>星期</th>
            <th>天气</th>
            <th>温度</th>
            <th>风力</th>
            <th>建议</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="date">6月15日</td>
            <td>周四</td>
            <td><span class="weather-icon">☀️</span> 晴</td>
            <td><span class="high-temp">32°C</span> / <span class="low-temp">22°C</span></td>
            <td>东南风2级</td>
            <td>适合户外活动</td>
        </tr>
        <tr>
            <td class="date">6月16日</td>
            <td>周五</td>
            <td><span class="weather-icon">⛅</span> 多云</td>
            <td><span class="high-temp">30°C</span> / <span class="low-temp">23°C</span></td>
            <td>微风1级</td>
            <td>适宜出行</td>
        </tr>
        <tr>
            <td class="date">6月17日</td>
            <td>周六</td>
            <td><span class="weather-icon">🌧️</span> 小雨</td>
            <td><span class="high-temp">28°C</span> / <span class="low-temp">21°C</span></td>
            <td>东风3级</td>
            <td>记得带伞</td>
        </tr>
        <tr>
            <td class="date">6月18日</td>
            <td>周日</td>
            <td><span class="weather-icon">🌦️</span> 雷阵雨</td>
            <td><span class="high-temp">29°C</span> / <span class="low-temp">22°C</span></td>
            <td>南风2级</td>
            <td>注意防雷</td>
        </tr>
        <tr>
            <td class="date">6月19日</td>
            <td>周一</td>
            <td><span class="weather-icon">☁️</span> 阴</td>
            <td><span class="high-temp">27°C</span> / <span class="low-temp">20°C</span></td>
            <td>北风2级</td>
            <td>适合室内活动</td>
        </tr>
        <tr>
            <td class="date">6月20日</td>
            <td>周二</td>
            <td><span class="weather-icon">🌤️</span> 晴转多云</td>
            <td><span class="high-temp">31°C</span> / <span class="low-temp">23°C</span></td>
            <td>西南风1级</td>
            <td>注意防晒</td>
        </tr>
        <tr>
            <td class="date">6月21日</td>
            <td>周三</td>
            <td><span class="weather-icon">☀️</span> 晴</td>
            <td><span class="high-temp">33°C</span> / <span class="low-temp">24°C</span></td>
            <td>微风1级</td>
            <td>高温预警</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="6" style="text-align: center; padding: 10px; font-size: 0.9em; color: #666;">
                数据更新时间: 2023年6月14日 09:00
            </td>
        </tr>
    </tfoot>
</table>

<table>

    
天气预报
    

        

            
日期
            
星期
            
天气
            
温度
            
风力
            
建议
        
    
    

        

            
6月15日
            
周四
            
☀️ 晴
            
32°C / 22°C
            
东南风2级
            
适合户外活动
        
        

            
6月16日
            
周五
            
⛅ 多云
            
30°C / 23°C
            
微风1级
            
适宜出行
        
        

            
6月17日
            
周六
            
🌧️ 小雨
            
28°C / 21°C
            
东风3级
            
记得带伞
        
        

            
6月18日
            
周日
            
🌦️ 雷阵雨
            
29°C / 22°C
            
南风2级
            
注意防雷
        
        

            
6月19日
            
周一
            
☁️ 阴
            
27°C / 20°C
            
北风2级
            
适合室内活动
        
        

            
6月20日
            
周二
            
🌤️ 晴转多云
            
31°C / 23°C
            
西南风1级
            
注意防晒
        
        

            
6月21日
            
周三
            
☀️ 晴
            
33°C / 24°C
            
微风1级
            
高温预警
        
    
    

        

            

                数据更新时间: 2023年6月14日 09:00