html:
    (1)table是整个表格的架构,tr是单独一行,td是一个单独单元格
    (2)在table中使用border=”1”,来实现表格的边框
    (3)在table中使用lign=”center”来实现表格居中
    (4)对于表格中td使用colspan=”n”合并多个列的单元格
    (5)对于表格中td使用rowspan=”n”合并多个行的单元格

    代码:

    1. <!DOCTYPE html>
    2. <html lang="zh">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. <!-- <link rel="stylesheet" href="../css/reset.css"> -->
    8. </head>
    9. <body>
    10. <table border="1" align="center">
    11. <tr>
    12. <td>A1</td>
    13. <td>A2</td>
    14. <td>A3</td>
    15. <td>A4</td>
    16. </tr>
    17. <tr>
    18. <td>B1</td>
    19. <td>B2</td>
    20. <td>B3</td>
    21. <td rowspan="2">B4</td>
    22. </tr>
    23. <tr>
    24. <td>C1</td>
    25. <td>C2</td>
    26. <td>C3</td>
    27. </tr>
    28. <tr>
    29. <td>D1</td>
    30. <td>D2</td>
    31. <td colspan="2">D3</td>
    32. </tr>
    33. </table>
    34. </body>
    35. </html>

    image.png