博客列表 >用Html制作一张课程表

用Html制作一张课程表

P粉211418575
P粉211418575原创
2023年03月11日 15:40:34440浏览

用Html table标签制作一个课程表

本课程表的课程时间纯属虚构

  1. <!DOCTYPE html>
  2. <caption>
  3. </caption>
  4. <table border="1">
  5. <tr>
  6. <td colspan="4"; align="center"; bgcolor="red"; style="color: aliceblue; font-size: 20pt;">PHP中文网课程安排</td>
  7. </tr>
  8. <tr>
  9. <td align="center">日期及时间</td>
  10. <td colspan="2"; align="center">课程内容</td>
  11. <td align="center">课程用时</td>
  12. </tr>
  13. <tr>
  14. <td rowspan="4"; align="center">3月09日 21点~23点</td>
  15. <td colspan="2"; align="center">学习方式 & 必备术语</td>
  16. <td align="center">30 Min</td>
  17. </tr>
  18. <tr>
  19. <td colspan="2"; align="center">Chrome & Vscode 安装</td>
  20. <td align="center">30 Min</td>
  21. </tr>
  22. <tr>
  23. <td colspan="2"; align="center">Vscode 插件安装及设置</td>
  24. <td align="center">30 Min</td>
  25. </tr>
  26. <tr>
  27. <td colspan="2"; align="center">作业提交方式 & Markdown语法</td>
  28. <td align="center">30 Min</td>
  29. </tr>
  30. <tr>
  31. <td rowspan="7"; align="center">3月10日 21点~23点</td>
  32. <td rowspan="3"; align="center"; style="width: 1cm;">元素类型</td>
  33. <td align="center">块元素</td>
  34. <td align="center">15 Min</td>
  35. </tr>
  36. <tr>
  37. <td align="center">行元素</td>
  38. <td align="center">15 Min</td>
  39. </tr>
  40. <tr>
  41. <td align="center">行内块元素</td>
  42. <td align="center">15 Min</td>
  43. </tr>
  44. <tr>
  45. <td rowspan="4"; align="center"; style="width: 1cm;">页面结构</td>
  46. <td align="center">二个元素</td>
  47. <td align="center">15 Min</td>
  48. </tr>
  49. <tr>
  50. <td align="center">布局元素</td>
  51. <td align="center">15 Min</td>
  52. </tr>
  53. <tr>
  54. <td align="center">表格</td>
  55. <td align="center">15 Min</td>
  56. </tr>
  57. <tr>
  58. <td align="center">表单</td>
  59. <td align="center">30 Min</td>
  60. </tr>
  61. <tr>
  62. <td colspan="3">合计时间</td>
  63. <td> 240 Min</td>
  64. </tr>
  65. </table>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议