lovecoding
/
VIP20


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- DIV+CSS -->
    <!-- tr 行  td列 1px   th 表头-->
    <table border="1">
        <tr>
            <td>111</td>
            <td>222</td>
        </tr>
        <tr>
            <td>333</td>
            <td>444</td>
        </tr>
    </table>
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>18</td>
        </tr>
    </table>

    <!-- 三行三列 -->
    <table border="1">
        <tr>
            <td>张三</td><td>18</td><td>11</td>
        </tr>
        <tr>
            <td>李四</td><td>18</td><td>11</td>
        </tr>
        <tr>
            <td>王五</td><td>18</td><td>11</td>
        </tr>
    </table>
    
    <table border="1">
        <tr>
            <td>张三</td><td colspan="2">18</td>
        </tr>
        <tr>
            <td>李四</td><td>18</td><td>11</td>
        </tr>
        <tr>
            <td>王五</td><td>18</td><td>11</td>
        </tr>
    </table>
    <!-- 
         cellpadding="10px" 单元格与内容之间的空隙
         ellspacing="0"  单元格与单元格之间的空隙
     -->

    <table border="1" cellpadding="10px" cellspacing="0">
        <tr>
            <td rowspan="2">张三</td><td>18</td><td>18</td>
        </tr>
        <tr>
            <td>18</td><td>11</td>
        </tr>
        <tr>
            <td>王五</td><td>18</td><td>11</td>
        </tr>
    </table>


</body>
</html>