1. <!DOCTYPE html>     
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>第一个网页</title>
    6. </head>
    7. <body>
    8.     <table border="1" width="300" hight="300" cellspacing="0" cellpadding="20">
    9.         <caption>列表框展示</caption>
    10.         <tr>
    11.             <th>姓名</th>
    12.             <th>姓别</th>
    13.             <th>年龄</th>           
    14.         </tr>
    15.         <tr>
    16.             <td>张三</td>
    17.             <td>男</td>
    18.             <td>18</td>           
    19.         </tr>
    20.         <tr>
    21.             <td>李四</td>
    22.             <td>女</td>
    23.             <td>18</td>           
    24.         </tr>
    25. <!-- 合并单元格展示      -->
    26.         <tr>
    27.             <th>表一</th>
    28.             <th>表二</th>
    29.             <th>表三</th>
    30.         </tr>
    31.         <tr>
    32.             <td>我是</td>
    33.             <td>地球</td>
    34. <!-- rowspan //竖着合并行 -->
    35.             <td rowspan="2">哈哈</td>
    36.         </tr>
    37.         <tr>
    38.             <td>你是</td>
    39.             <td>世界</td>
    40.         </tr>
    41.         <tr>
    42.             <td>人员总计</td>
    43. <!-- colspan //横着合并列  这里需要注意的不管是行还是列他们合并以后对应的方向就需要减去相应的行和列的元素 -->
    44.             <td colspan="2">以上都是我弟弟</td>
    45.         </tr>
    46.     </table>
    47. </body>
    48. </html>