6.表格标签.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!-- 表格 table
  10. border 边框
  11. tr 表格中的单元行
  12. th 表格中表头的单元格
  13. td 表格中普通单元格
  14. caption 标题标签
  15. cellpadding 单元格中内容和单元格边框的距离
  16. cellspacing 单元格距离外层边框距离
  17. align 位置
  18. left 居左
  19. right 居右
  20. center 居中
  21. colspan 合并列
  22. rowspan 合并行
  23. -->
  24. <table border="1" cellpadding="20">
  25. <caption>工作安排</caption>
  26. <tr>
  27. <th align="left">1</th>
  28. <th align="right">2</th>
  29. <th align="center">3</th>
  30. </tr>
  31. <tr>
  32. <td colspan="3" align="center">ww</td>
  33. <!-- <td>aa</td> -->
  34. <!-- <td>vv</td> -->
  35. </tr>
  36. <tr>
  37. <td rowspan="2" colspan="2">ww</td>
  38. <!-- <td rowspan="2">aa</td> -->
  39. <td rowspan="1">vv</td>
  40. </tr>
  41. <tr>
  42. <!-- <td>ww</td> -->
  43. <!-- <td>aa</td> -->
  44. <td rowspan="1">vv1</td>
  45. </tr>
  46. <tr>
  47. <td>ww</td>
  48. <td>aa</td>
  49. <td>vv</td>
  50. </tr>
  51. </table>
  52. </body>
  53. </html>