博客列表 >关于表格(合肥市南门小学五(三)班课程表)的建立

关于表格(合肥市南门小学五(三)班课程表)的建立

不露声色
不露声色原创
2021年04月14日 15:07:28540浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <table
  11. border="1"
  12. width="80%"
  13. align="center"
  14. cellspacing="0"
  15. cellpadding="10"
  16. style="line-height: 30px; text-align: center"
  17. >
  18. <caption style="font-weight: bold; padding: 10px 0; font-size: 18px">
  19. 合肥市南门小学五(三)班课程表
  20. </caption>
  21. <!-- 优化表头 -->
  22. <thead>
  23. <tr style="background: lightblue; font-weight: bold">
  24. <th>时间</th>
  25. <th>星期一</th>
  26. <th>星期二</th>
  27. <th>星期三</th>
  28. <th>星期四</th>
  29. <th>星期五</th>
  30. </tr>
  31. </thead>
  32. <tbody align="center">
  33. <tr>
  34. <td rowspan="3" bgcolor="#4646ff">上午</td>
  35. <td>语文</td>
  36. <td>数学</td>
  37. <td>音乐</td>
  38. <td>体育</td>
  39. <td>英语</td>
  40. </tr>
  41. <tr>
  42. <!-- <td></td> -->
  43. <td>语文</td>
  44. <td>数学</td>
  45. <td>音乐</td>
  46. <td>体育</td>
  47. <td>英语</td>
  48. </tr>
  49. <tr>
  50. <!-- <td></td> -->
  51. <td>语文</td>
  52. <td>数学</td>
  53. <td>音乐</td>
  54. <td>体育</td>
  55. <td>英语</td>
  56. </tr>
  57. <tbody>
  58. <tr>
  59. <!-- <td></td> -->
  60. <td bgcolor="lightgrey" colspan="6">中午休息</td>
  61. <!-- <td></td>
  62. <td></td>
  63. <td></td>
  64. <td></td> -->
  65. </tr>
  66. </tbody>
  67. <tr>
  68. <td rowspan="2" bgcolor="#4646ff">下午</td>
  69. <td>语文</td>
  70. <td>数学</td>
  71. <td>音乐</td>
  72. <td>体育</td>
  73. <td>英语</td>
  74. </tr>
  75. <tr>
  76. <!-- <td></td> -->
  77. <td>语文</td>
  78. <td>数学</td>
  79. <td>音乐</td>
  80. <td>体育</td>
  81. <td>英语</td>
  82. </tr>
  83. <tr style="background: chartreuse">
  84. <td>备注:</td>
  85. <td colspan="5">每天下午16:00 - 17:00,写完作业再回家</td>
  86. <!-- <td></td>
  87. <td></td>
  88. <td></td>
  89. <td></td> -->
  90. </tr>
  91. </tbody>
  92. </table>
  93. </body>
  94. </html>

最终呈现如图:

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议