html/css实战（一）：课程表、用户注册、背景图设置、广告图、CSS练习

1.1 实例1 课程表

<style>/* 实例1：课程表 */
.example tag,#p>tag{
     color: rgb(219, 52, 52);}
.example{
     
   padding: 0 0 0 40px;
}

#table1{
                          
   border-collapse: collapse;
}

th,td{
     
   border: 1px solid black;
}         
</style>

<div class="example"><tag>实例1：课程表</tag> 
       <!-- border="1" 添加1像素的边框 -->
       <!-- cellspacing="0" 设置单元格之间的距离为0 -->
       <!-- <table border="1" cellspacing="0" id="table"> -->
       <table  id="table1" width="80%" bgcolor="aqua" align="center">
              <caption>课程表（表格合并）</caption>
              <!-- tr*4>td*3 + tab -->
              <tr height="50">
                     <th colspan="3">&nbsp;姓 名:&nbsp;</th>
                     <!-- <td></td>
                     <td></td> -->
                     <th colspan="3">&nbsp;班 级:&nbsp;</th>
                     <!-- <td></td>
                     <td></td>  -->
              </tr>

              <tr bgcolor="blueviolet" align="center">
                     <td>&nbsp;星 期&nbsp;</td>
                     <td>&nbsp;&nbsp;&nbsp;一&nbsp;&nbsp;&nbsp;</td>
                     <td>&nbsp;&nbsp;&nbsp;二&nbsp;&nbsp;&nbsp;</td>
                     <td>&nbsp;&nbsp;&nbsp;三&nbsp;&nbsp;&nbsp;</td>
                     <td>&nbsp;&nbsp;&nbsp;四&nbsp;&nbsp;&nbsp;</td>
                     <td>&nbsp;&nbsp;&nbsp;五&nbsp;&nbsp;&nbsp;</td>
              </tr>

              <tr align="center">
                     <td rowspan="4" >&nbsp&nbsp;&nbsp;上&nbsp&nbsp;&nbsp;<br>&nbsp&nbsp;&nbsp;<br>&nbsp&nbsp;&nbsp;<br>&nbsp&nbsp;&nbsp;午&nbsp&nbsp;&nbsp;</td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
              </tr>

              <tr>
                     <!-- <td></td> -->
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
              </tr>

              <tr>
                     <!-- <td></td> -->
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
              </tr>

              <tr>
                     <!-- <td></td> -->
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
              </tr>

              <tr>
                     <td colspan="6" style="text-align: center;">午&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;休</td>
                     <!-- <td></td>
                     <td></td>
                     <td></td>
                     <td></td>
                     <td></td> -->
              </tr>

              <tr align="center">
                     <td rowspan=