8.表格练习.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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. <!--
  10. 表格:table
  11. tr 表格中的单元行
  12. th 表头单元格
  13. td 单元格
  14. border 边框
  15. cellspacing 单元格与边框的距离
  16. cellpadding 文本内容与单元格距离
  17. align 单元格对齐方式 center/left/right
  18. caption 表格标题
  19. -->
  20. <table border="1" cellpadding="15">
  21. <caption>课程表</caption>
  22. <!-- 8行6列 -->
  23. <tr>
  24. <th>课程\星期</th>
  25. <th>星期一</th>
  26. <th>星期二</th>
  27. <th>星期三</th>
  28. <th>星期四</th>
  29. <th>星期五</th>
  30. </tr>
  31. <tr>
  32. <td>第一节</td>
  33. <td></td>
  34. <td></td>
  35. <td></td>
  36. <td></td>
  37. <td></td>
  38. </tr>
  39. <tr>
  40. <td>第二节</td>
  41. <td></td>
  42. <td></td>
  43. <td></td>
  44. <td></td>
  45. <td></td>
  46. </tr>
  47. <tr>
  48. <td colspan="5" rowspan="2" align="center">大课间</td>
  49. <!-- <td></td> -->
  50. <!-- <td></td> -->
  51. <!-- <td></td> -->
  52. <!-- <td></td> -->
  53. <td></td>
  54. </tr>
  55. <tr>
  56. <!-- <td colspan="5">大课间</td> -->
  57. <!-- <td></td> -->
  58. <!-- <td></td> -->
  59. <!-- <td></td> -->
  60. <!-- <td></td> -->
  61. <td></td>
  62. </tr>
  63. <tr>
  64. <td colspan="6" align="center">午休</td>
  65. <!-- <td></td>
  66. <td></td>
  67. <td></td>
  68. <td></td>
  69. <td></td> -->
  70. </tr>
  71. <tr>
  72. <td>第五节</td>
  73. <td></td>
  74. <td></td>
  75. <td></td>
  76. <td></td>
  77. <td></td>
  78. </tr>
  79. <tr>
  80. <td>第六节</td>
  81. <td></td>
  82. <td></td>
  83. <td></td>
  84. <td></td>
  85. <td></td>
  86. </tr>
  87. </table>
  88. </body>
  89. </html>