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="30%"
  13. align="center"
  14. cellspacing="0"
  15. cellpadding="0"
  16. style="text-align: center"
  17. >
  18. /**style="text-align: center" 定义了表格中的元素居中**/
  19. <caption style="font-weight: bold; color: #12dfbd; margin-bottom: 1rem">
  20. ****小学课程表格
  21. </caption>
  22. <tr bgcolor="#f00;">
  23. <th>时间</th>
  24. <th>星期一</th>
  25. <th>星期二</th>
  26. <th>星期三</th>
  27. <th>星期四</th>
  28. <th>星期五</th>
  29. <th>星期六</th>
  30. </tr>
  31. <tr >
  32. <td rowspan="5">上午</td>
  33. <td colspan="6">早读</td>
  34. <!-- <td>a1</td>
  35. <td>a2</td>
  36. <td>a3</td>
  37. <td>a4</td>
  38. <td>a5</td>
  39. <td>a6</td> -->
  40. </tr>
  41. <tr >
  42. <!-- <td>A</td> -->
  43. <td>b1</td>
  44. <td>b2</td>
  45. <td>b3</td>
  46. <td>b4</td>
  47. <td>b5</td>
  48. <td>b6</td>
  49. </tr>
  50. <tr>
  51. <!-- <td>A</td> -->
  52. <td>c1</td>
  53. <td>c2</td>
  54. <td>c3</td>
  55. <td>c4</td>
  56. <td>c5</td>
  57. <td>c6</td>
  58. </tr>
  59. <tr>
  60. <!-- <td>A</td> -->
  61. <td>d1</td>
  62. <td>d2</td>
  63. <td>d3</td>
  64. <td>d4</td>
  65. <td>d5</td>
  66. <td>d6</td>
  67. </tr>
  68. <tr>
  69. <td>f1</td>
  70. <td>f2</td>
  71. <td>f3</td>
  72. <td>f4</td>
  73. <td>f5</td>
  74. <td>f6</td>
  75. <!-- <td>f7</td> -->
  76. </tr>
  77. <tr >
  78. <td colspan="7">午休</td>
  79. <!-- <td>g2</td>
  80. <td>g3</td>
  81. <td>g4</td>
  82. <td>g5</td>
  83. <td>g6</td>
  84. <td>g7</td> -->
  85. </tr>
  86. <tr>
  87. <td rowspan="2">下午</td>
  88. <td>j2</td>
  89. <td>j3</td>
  90. <td>j4</td>
  91. <td>j5</td>
  92. <td>j6</td>
  93. <td>j7</td>
  94. </tr>
  95. <tr >
  96. <!-- <td>k1</td> -->
  97. <td>k2</td>
  98. <td>k3</td>
  99. <td>k4</td>
  100. <td>k5</td>
  101. <td>k6</td>
  102. <td>k7</td>
  103. </tr>
  104. <tr algin="left">
  105. <td colspan="7">放学</td>
  106. <!-- <td>r2</td>
  107. <td>r3</td>
  108. <td>r4</td>
  109. <td>r5</td>
  110. <td>r6</td>
  111. <td>r7</td>
  112. -->
  113. </tr>
  114. </table>
  115. </body>
  116. </html>
  117. `

更多相关文章

  1. 表格的练习
  2. 制作表格和表单提交
  3. 学生课程表表格/用户注册表单
  4. html基础:制作简单的表格与表单
  5. markdown与Emmet插件的使用方式
  6. markdown基础语法使用
  7. 通过 Python 查询 Excel 数据
  8. 批量制作:疫情防控小区出入证
  9. 18个高效WPS表格技巧,值得收藏

随机推荐

  1. android键盘弹出之后界面整体上移,顶出去
  2. android之自定义Dialog
  3. android点击按钮控制图片切换-kotlin
  4. 如何在XML设定android控件的颜色(十六进制
  5. android 线程池的使用
  6. Android(安卓)源码获取-----在Windows环
  7. android中一些配置文件的参数的意义
  8. Android小程序-Walker注册页面(四)
  9. Android 如何使Edittext不弹出软键盘
  10. android UI进阶之弹窗的使用(2)--实现通讯