博客列表 >表格实例-课程表

表格实例-课程表

布道者PHP学习笔记
布道者PHP学习笔记原创
2022年10月18日 10:39:13553浏览
  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>课程表</title>
  8. </head>
  9. <body>
  10. <table border="1" border="2" width="515" height="252" align="center">
  11. <caption>课程表</caption>
  12. <thead>
  13. <tr>
  14. <th>项目</th>
  15. <th colspan="6">上课</th>
  16. <th>休息</th>
  17. </tr>
  18. </thead>
  19. <tbody>
  20. <tr>
  21. <td>星期</td>
  22. <td>星期一</td>
  23. <td>星期二</td>
  24. <td>星期三</td>
  25. <td>星期四</td>
  26. <td>星期五</td>
  27. <td>星期六</td>
  28. <td>星期日</td>
  29. </tr>
  30. <tr align="center">
  31. <td rowspan="4">上午</td>
  32. <td>语文</td>
  33. <td>化学</td>
  34. <td colspan="2">英语</td>
  35. <td>物理</td>
  36. <td rowspan="2">计算机</td>
  37. <td rowspan="6">休息</td>
  38. </tr>
  39. <tr align="center">
  40. <td colspan="2">数学</td>
  41. <td>地理</td>
  42. <td>物理</td>
  43. <td>历史</td>
  44. </tr>
  45. <tr align="center">
  46. <td>语文</td>
  47. <td>数学</td>
  48. <td>历史</td>
  49. <td>计算机</td>
  50. <td>物理</td>
  51. <td>化学</td>
  52. </tr>
  53. <tr align="center">
  54. <td colspan="2">物理</td>
  55. <td rowspan="3">地理</td>
  56. <td>化学</td>
  57. <td rowspan="2">历史</td>
  58. <td rowspan="3">计算机</td>
  59. </tr>
  60. <tr align="center">
  61. <td rowspan="2">下午</td>
  62. <td colspan="2">语文</td>
  63. <td>物理</td>
  64. </tr>
  65. <tr align="center">
  66. <td colspan="2">数学</td>
  67. <td>化学</td>
  68. <td>物理</td>
  69. </tr>
  70. </tbody>
  71. <footer>
  72. <tr>
  73. <th colspan="8">好好学习天天向上!</th>
  74. </tr>
  75. </footer>
  76. </table>
  77. </body>
  78. </html>

效果图:

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