lovecoding
/
W250913


			
							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="1" cellspacing="0">
        <!-- 表头 -->
        <thead>
            <!-- 行 -->
            <tr>
                <!-- 表头单元格  -->
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
        </thead>
        <!-- 表身 -->
        <tbody>
            <!-- 行 -->
            <tr>
                <!-- 表身单元格 -->
                <td>张三</td>
                <!-- colspan 合并列 后边的值是合并的列数 -->
                <td colspan="2">-</td>

            </tr>
            <tr>
                <td>李四</td>
                <!-- 行合并 后边的值是合并的行数 -->
                <td rowspan="2">19</td>
                <td>女</td>
            </tr>
            <tr>
                <td>王五</td>

                <td>男</td>
            </tr>
        </tbody>
    </table>


    <!-- 创建一个没有表头的表格 -->
    <!-- th 就是表示单元格 放在表头或表身都可以 -->
    <table border="1" cellspacing="0">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <th>5</th>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>
</body>

</html>