表格-我的课程表

1、我的课程表

<!-- 表格也是用一组标签来描述:table,thead,tbody,tr,td/th  -->
<!-- 所有的数据必须填充到td /th中, th是td的PLus+,自带了一个加粗和居中的样式 -->
<table
border="1"
width="100%"
cellspacing="0"
cellpadding="0"
style="border-collapse: collapse"
>
<!-- 标题 -->
<caption>
  我的课程表
</caption>
<!-- 表头 -->
<thead>
  <tr>
    <th bgcolor="#CCFFCC">时间</th>
    <th bgcolor="#CCFFCC">星期一</th>
    <th bgcolor="#CCFFCC">星期二</th>
    <th bgcolor="#CCFFCC">星期三</th>
    <th bgcolor="#CCFFCC">星期四</th>
    <th bgcolor="#CCFFCC">星期五</th>
    <th bgcolor="#CCFFCC">星期六</th>
    <th bgcolor="#CCFFCC">星期日</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td align="center">7:30</td>
    <td align="center" colspan="7">起床</td>
  </tr>
  <tr>
    <td align="center">8:00</td>
    <td align="center" colspan="5">去上班</td>
    <td align="center" colspan="2" rowspan="2">晨跑</td>
  </tr>
  <tr>
    <td align="center">8:30</td>
    <td align="center" colspan="5">开始工作</td>
  </tr>
  <tr>
    <td align="center">12:00</td>
    <td align="center" colspan="7" bgcolor="#C0C0C0">午休</td>
  </tr>
  <tr>
    <td align="center">14:00</td>
    <td align="center" colspan="5">上班</td>
    <td align="center">电影</td>
    <td align="center">图书馆</td>
  </tr>
  <tr>
    <td align="center">17:30</td>
    <td align="center">下班</td>
    <td align="center">朋友聚餐</td>
    <td align="center">部门运动日</td>
    <td align="center">图书馆</td>
    <td align="center">篮球</td>
    <td align="center">晚饭</td>
    <td align="center">做晚饭</td>
  </tr>
  <tr>
    <td align="center">19:30</td>
    <td align="center" colspan="5">上课：PHP中文网</td>
    <td align="center" colspan="2">复习</td>
  </tr>
  <tr>
    <td align="center">21:30</td>
    <td align="center" colspan="5">整理笔记</td>
    <td align="center" colspan="2">看书</td>
  </tr>
  <tr>
    <td align="center">23:00</td>
    <td align="center" colspan="7">睡觉-结束一天</td>
  </tr>
</tbody>
</table>

效果图