lovecoding
/
W260426


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- table标签 表格标签 -->
     <!-- border属性 表格的边框宽度 cellspacing属性 表格的单元格间距 -->
    <table border="1" cellspacing="0">
        <!-- thead标签 表格的表头部分 -->
        <thead>
            <!-- tr标签 表格的行标签 -->
             <tr>
                <!-- th标签 表格的表头单元格标签 -->
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
             </tr>
        </thead>
        <!-- tbody标签 表格的主体部分 -->
        <tbody>
            <!-- tr标签 表格的行标签 -->
             <tr>
                <!-- td标签 表格的单元格标签 -->
                <td>张三</td>
                <td>18</td>
                <td>男</td>
             </tr>
             <tr>
                <td>李四</td>
                <td>19</td>
                <td>女</td>
             </tr>
             <tr>
                <td>王五</td>
                <td>20</td>
                <td>男</td>
             </tr>
        </tbody>
    </table>


    <!-- 简化版本的表格标签 -->
    <table border="1" cellspacing="0">
        <tr>
            <td>1</td>
            <!-- colspan属性 跨列合并 合并多个单元格到一个单元格中 -->
            <td colspan="2">23</td>
            
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <!-- rowspan属性 跨行合并 合并多个单元格到一个单元格中 -->
            <td rowspan="2">69</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            
        </tr>
    </table> 
</body>

</html>