Html table、thead、tr、th、td 標簽

案例一

<!-- table 表格標簽，配置表格使用、border="1" 添加表格框架 -->
<table border="1">
     <!-- thead 設置表頭 -->
    <thead>
        <!-- tr 指定表行標簽-->
        <tr>
            <!-- th 設置表頭內容，默認加粗-->
            <th>表頭1</th>
            <
 
th>表頭2</th>
        </tr>
    </thead>
    <!-- tbody 設置表內容 -->
    <tbody>
        <!-- tr 指定報表行標簽-->
        <tr>
            <!-- td 指定表列標簽-->
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <
 
td>2</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

案例二

<!-- table 表格標簽，配置表格使用、border="1" 添加表格框架 -->
<table border="1">
    <!-- thead 設置表頭 -->
    <thead>
    <!-- tr 指定表行標簽-->
        <tr>
            <!--
 
 th 設置表頭內容，默認加粗-->
            <th>表頭1</th>
            <th>表頭2</th>
            <th>表頭3</th>
        </tr>
    </thead>
    <!-- tbody 設置表內容 -->
    <tbody>
        <tr>
            <!-- rowspan="2" 縱向 列 合並兩個表格空間，等號後面是拼接數-->
            <td rowspan="2">1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <!-- rowspan="2" 橫向 行 合並接兩個表格空間，等號後面是拼接數-->
            <td colspan="2">1</td>
        </tr>
    </tbody>
</table>

效果：案例一

效果：案例二

Html table、thead、tr、th、td 標簽