1、表格标签,是一个双标签,双标签是需要闭合的。

表格标签
行标签
列标签
快捷生成table:table>tr3>td5{表格}

2、示例代码:

  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="500px" height="200px">
  9. <tr>
  10. <td>表格1</td>
  11. <td>表格2</td>
  12. <td>表格3</td>
  13. <td>表格4</td>
  14. <td>表格5</td>
  15. </tr>
  16. <tr>
  17. <td>表格6</td>
  18. <td>表格7</td>
  19. <td>表格8</td>
  20. <td>表格9</td>
  21. <td>表格10</td>
  22. </tr>
  23. <tr>
  24. <td>表格11</td>
  25. <td>表格12</td>
  26. <td>表格13</td>
  27. <td>表格14</td>
  28. <td>表格15</td>
  29. </tr>
  30. </table>
  31. </body>
  32. </html>

image.png

3、表格合并

水平合并:colspan
垂直合并:rowspan
在上图基础上合并:
1、2。
7、12。
9、10、14、15。
示例代码:

  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="500px" height="200px">
  9. <tr>
  10. <td colspan="2">表格1、2</td>
  11. <td>表格3</td>
  12. <td>表格4</td>
  13. <td>表格5</td>
  14. </tr>
  15. <tr>
  16. <td>表格6</td>
  17. <td rowspan="2">表格7、12</td>
  18. <td>表格8</td>
  19. <td colspan="2" rowspan="2">表格9、10、14、15</td>
  20. </tr>
  21. <tr>
  22. <td>表格11</td>
  23. <td>表格13</td>
  24. </tr>
  25. </table>
  26. </body>
  27. </html>

image.png