简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > html5表格实战（课程表）
Blogger Information
Blog 4
fans 0
comment 0
visits 2996
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html5表格实战（课程表）
qwq
Original
1091 people have browsed it

匆匆忙忙，我目前上学的课程表，正好练练手

这段时间比较忙，已经推辞了很多工作了，
不过已经答应的不能放他们鸽子
过几天我就可以专心学了
还是先看源码吧（捂脸）

源码

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  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" wigth="90%" cellspacing="0" cellpadding="5">
  11.       <!-- 标题 -->
  12.       <caption>
  13.         课程表
  14.       </caption>
  15.       <!-- 表头 -->
  16.       <thead bgcolor="lightcyan">
  17.         <tr>
  18.           <th colspan="3">时间</th>
  19.           <th>星期一</th>
  20.           <th>星期二</th>
  21.           <th>星期三</th>
  22.           <th>星期四</th>
  23.           <th>星期五</th>
  24.         </tr>
  25.       </thead>
  26.       <!-- 表体 -->
  27.       <tbody>
  28.         <tr>
  29.           <td rowspan="4" bgcolor="orange">上午</td>
  30.           <td>1</td>
  31.           <td bgcolor="yellow">08:15-09:00</td>
  32.           <td rowspan="2" bgcolor="pink">网店美工</td>
  33.           <td rowspan="2" bgcolor="pink">网店运营</td>
  34.           <td rowspan="2" bgcolor="pink">创业实践</td>
  35.           <td rowspan="2" bgcolor="pink">职业指导</td>
  36.           <td rowspan="2" bgcolor="pink">体育</td>
  37.         </tr>
  38.         <tr>
  39.           <td>2</td>
  40.           <td bgcolor="yellow">09:10-09:55</td>
  41.         </tr>
  42.         <tr>
  43.           <td>3</td>
  44.           <td bgcolor="yellow">10:30-11:10</td>
  45.           <td rowspan="2" bgcolor="pink">网店美工</td>
  46.           <td rowspan="2" bgcolor="pink">网店运营</td>
  47.           <td rowspan="2" bgcolor="pink">创业实践</td>
  48.           <td rowspan="2" bgcolor="pink">英语新模式</td>
  49.           <td rowspan="2" bgcolor="pink">办公实训</td>
  50.         </tr>
  51.         <tr>
  52.           <td>4</td>
  53.           <td bgcolor="yellow">11:20-12:00</td>
  54.         </tr>
  55.         <tr>
  56.           <th colspan="8" bgcolor="lightcyan">午休时间</th>
  57.         </tr>
  58.         <tr>
  59.           <td rowspan="2" bgcolor="orange">下午</td>
  60.           <td>5</td>
  61.           <td bgcolor="yellow">14:05-14:50</td>
  62.           <td rowspan="2" bgcolor="pink">英语新模式</td>
  63.           <td rowspan="2" bgcolor="pink">办公实训</td>
  64.           <td rowspan="2" bgcolor="pink">班会</td>
  65.           <td rowspan="2" bgcolor="pink">北开</td>
  66.           <td rowspan="2" bgcolor="pink">放假</td>
  67.         </tr>
  68.         <tr>
  69.           <td>6</td>
  70.           <td bgcolor="yellow">15:00-15:45</td>
  71.         </tr>
  72.       </tbody>
  73.       <!-- 表尾 -->
  74.       <tfoot>
  75.         <tr>
  76.           <th colspan="8" bgcolor="red">谢谢观看</th>
  77.         </tr>
  78.       </tfoot>
  79.     </table>
  80.   </body>
  81. </html>

哪里不对请多多指教，感谢老师！！！
勇敢浅忆，不怕困难

Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：跟上老师节奏，及时完成作业，收获的就越多
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！