lovecoding
/
web0715


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            /* 去除单元格之间间隙 */
            border-collapse: collapse;
        }
        td,th{
            border:1px solid black
        }
    </style>
</head>
<body>
    <!-- 最外层table -->
    <table>
        <!--内层表头 thead -->
        <thead>
            <!-- tr 代表行 -->
            <tr>
                <!-- th 和 td 代表列 -->
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>学校</th>
                <th>性别</th>
            </tr>
        </thead>
        <!-- 内层表身 tbody -->
        <tbody>
            <tr>
                <td rowspan="3">1</td>
                <td>张三</td>
                <td>20</td>
                <!-- <td>黑大</td>
                <td>男</td> -->
                <td colspan="2">黑大</td>
            </tr>
            <tr>
                
                <td>张三</td>
                <th>20</th>
                <td>黑大</td>
                <td>男</td>
            </tr>
            <tr>
               
                <td>
                    <div>123</div>
                </td>
                <td>
                    <ul>
                        <li>1</li>
                    </ul>
                </td>
                <td>
                    <img src="logo.png" alt="">
                </td>
                <td>
                    <table>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>