html5表格实战（课程表）

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

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

源码

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>课程表</title>
  </head>
  <body>
    <table border="1" wigth="90%" cellspacing="0" cellpadding="5">
      <!-- 标题 -->
      <caption>
        课程表
      </caption>
      <!-- 表头 -->
      <thead bgcolor="lightcyan">
        <tr>
          <th colspan="3">时间</th>
          <th>星期一</th>
          <th>星期二</th>
          <th>星期三</th>
          <th>星期四</th>
          <th>星期五</th>
        </tr>
      </thead>
      <!-- 表体 -->
      <tbody>
        <tr>
          <td rowspan="4" bgcolor="orange">上午</td>
          <td>1</td>
          <td bgcolor="yellow">08:15-09:00</td>
          <td rowspan="2" bgcolor="pink">网店美工</td>
          <td rowspan="2" bgcolor="pink">网店运营</td>
          <td rowspan="2" bgcolor="pink">创业实践</td>
          <td rowspan="2" bgcolor="pink">职业指导</td>
          <td rowspan="2" bgcolor="pink">体育</td>
        </tr>
        <tr>
          <td>2</td>
          <td bgcolor="yellow">09:10-09:55</td>
        </tr>
        <tr>
          <td>3</td>
          <td bgcolor="yellow">10:30-11:10</td>
          <td rowspan="2" bgcolor="pink">网店美工</td>
          <td rowspan="2" bgcolor="pink">网店运营</td>
          <td rowspan="2" bgcolor="pink">创业实践</td>
          <td rowspan="2" bgcolor="pink">英语新模式</td>
          <td rowspan="2" bgcolor="pink">办公实训</td>
        </tr>
        <tr>
          <td>4</td>
          <td bgcolor="yellow">11:20-12:00</td>
        </tr>
        <tr>
          <th colspan="8" bgcolor="lightcyan">午休时间</th>
        </tr>
        <tr>
          <td rowspan="2" bgcolor="orange">下午</td>
          <td>5</td>
          <td bgcolor="yellow">14:05-14:50</td>
          <td rowspan="2" bgcolor="pink">英语新模式</td>
          <td rowspan="2" bgcolor="pink">办公实训</td>
          <td rowspan="2" bgcolor="pink">班会</td>
          <td rowspan="2" bgcolor="pink">北开</td>
          <td rowspan="2" bgcolor="pink">放假</td>
        </tr>
        <tr>
          <td>6</td>
          <td bgcolor="yellow">15:00-15:45</td>
        </tr>
      </tbody>
      <!-- 表尾 -->
      <tfoot>
        <tr>
          <th colspan="8" bgcolor="red">谢谢观看</th>
        </tr>
      </tfoot>
    </table>
  </body>
</html>

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

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

更多相关文章

随机推荐