博客列表 >表格-我的课程表

表格-我的课程表

小狐的博客
小狐的博客原创
2020年12月15日 09:30:441155浏览

1、我的课程表

  1. <!-- 表格也是用一组标签来描述:table,thead,tbody,tr,td/th -->
  2. <!-- 所有的数据必须填充到td /th中, th是td的PLus+,自带了一个加粗和居中的样式 -->
  3. <table
  4. border="1"
  5. width="100%"
  6. cellspacing="0"
  7. cellpadding="0"
  8. style="border-collapse: collapse"
  9. >
  10. <!-- 标题 -->
  11. <caption>
  12. 我的课程表
  13. </caption>
  14. <!-- 表头 -->
  15. <thead>
  16. <tr>
  17. <th bgcolor="#CCFFCC">时间</th>
  18. <th bgcolor="#CCFFCC">星期一</th>
  19. <th bgcolor="#CCFFCC">星期二</th>
  20. <th bgcolor="#CCFFCC">星期三</th>
  21. <th bgcolor="#CCFFCC">星期四</th>
  22. <th bgcolor="#CCFFCC">星期五</th>
  23. <th bgcolor="#CCFFCC">星期六</th>
  24. <th bgcolor="#CCFFCC">星期日</th>
  25. </tr>
  26. </thead>
  27. <tbody>
  28. <tr>
  29. <td align="center">7:30</td>
  30. <td align="center" colspan="7">起床</td>
  31. </tr>
  32. <tr>
  33. <td align="center">8:00</td>
  34. <td align="center" colspan="5">去上班</td>
  35. <td align="center" colspan="2" rowspan="2">晨跑</td>
  36. </tr>
  37. <tr>
  38. <td align="center">8:30</td>
  39. <td align="center" colspan="5">开始工作</td>
  40. </tr>
  41. <tr>
  42. <td align="center">12:00</td>
  43. <td align="center" colspan="7" bgcolor="#C0C0C0">午休</td>
  44. </tr>
  45. <tr>
  46. <td align="center">14:00</td>
  47. <td align="center" colspan="5">上班</td>
  48. <td align="center">电影</td>
  49. <td align="center">图书馆</td>
  50. </tr>
  51. <tr>
  52. <td align="center">17:30</td>
  53. <td align="center">下班</td>
  54. <td align="center">朋友聚餐</td>
  55. <td align="center">部门运动日</td>
  56. <td align="center">图书馆</td>
  57. <td align="center">篮球</td>
  58. <td align="center">晚饭</td>
  59. <td align="center">做晚饭</td>
  60. </tr>
  61. <tr>
  62. <td align="center">19:30</td>
  63. <td align="center" colspan="5">上课:PHP中文网</td>
  64. <td align="center" colspan="2">复习</td>
  65. </tr>
  66. <tr>
  67. <td align="center">21:30</td>
  68. <td align="center" colspan="5">整理笔记</td>
  69. <td align="center" colspan="2">看书</td>
  70. </tr>
  71. <tr>
  72. <td align="center">23:00</td>
  73. <td align="center" colspan="7">睡觉-结束一天</td>
  74. </tr>
  75. </tbody>
  76. </table>

效果图

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