亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

實(shí)現(xiàn)一個(gè)課程表，使用了行和列的合并操作。

代碼

css

  <style>
    #time-table, th, td{
      border: solid gray 2px;
      text-align: center;
    }
    #time-table p {
      margin: 2px;
    }
    tfoot th, tfoot td {
      border: none;
    }
  </style>

html

 <table id="time-table">
   <caption><h2>課程表</h2></caption>
   <thead>
    <tr>
      <th colspan="2">節(jié)次\星期</th>
      <th>星期一</th>
      <th>星期二</th>
      <th>星期三</th>
      <th>星期四</th>
      <th>星期五</th>
    </tr>
   </thead>
   <tbody>
    <tr>
      <td colspan="7" style="background-color: lightgray;">
        <p style="margin: 2;">早自習(xí)</p>
        <p style="margin: 2;">07:00 - 07:50</p>
      </td>
    </tr>
    <tr>
      <th rowspan="4">上午</th>
      <th>
        <p>第一節(jié)</p>
        <p>08:00 - 08:40</p>
      </th>
      <td>語(yǔ)文</td>
      <td>數(shù)學(xué)</td>
      <td>英語(yǔ)</td>
      <td>化學(xué)</td>
      <td>物理</td>
    </tr>
    <tr>
      <th>
        <p>第二節(jié)</p>
        <p>08:50 - 09:30</p>
      </th>
      <td>語(yǔ)文</td>
      <td>數(shù)學(xué)</td>
      <td>英語(yǔ)</td>
      <td>化學(xué)</td>
      <td>物理</td>
    </tr>
    <tr>
      <th>
        <p>第三節(jié)</p>
        <p>09:40 - 10:20</p>
      </th>
      <td>語(yǔ)文</td>
      <td>數(shù)學(xué)</td>
      <td>英語(yǔ)</td>
      <td>化學(xué)</td>
      <td>物理</td>
    </tr>
    <tr>
      <th>
        <p>第四節(jié)</p>
        <p>10:30 - 11:20</p>
      </th>
      <td>語(yǔ)文</td>
      <td>數(shù)學(xué)</td>
      <td>英語(yǔ)</td>
      <td>化學(xué)</td>
      <td>物理</td>
    </tr>
    <tr>
      <td colspan="7" style="background-color: lightgray;">
        <p>午休</p>
        <p>12:00 - 14:00</p>
      </td>
    </tr>
    <tr>
      <th rowspan="3">上午</th>
      <th>
        <p>第五節(jié)</p>
        <p>14:00 - 14:40</p>
      </th>
      <td>語(yǔ)文</td>
      <td>數(shù)學(xué)</td>
      <td>英語(yǔ)</td>
      <td>化學(xué)</td>
      <td>物理</td>
    </tr>
    <tr>
      <th>
        <p>第六節(jié)</p>
        <p>14:50 - 15:30</p>
      </th>
      <td>語(yǔ)文</td>
      <td>數(shù)學(xué)</td>
      <td>英語(yǔ)</td>
      <td>化學(xué)</td>
      <td>物理</td>
    </tr>
    <tr>
      <th>
        <p>第七節(jié)</p>
        <p>15:40 - 16:40</p>
      </th>
      <td>語(yǔ)文</td>
      <td>數(shù)學(xué)</td>
      <td>英語(yǔ)</td>
      <td>化學(xué)</td>
      <td>物理</td>
    </tr>
    <td colspan="7" style="background-color: lightgray;">
      <p>晚自習(xí)</p>
      <p>19:00 - 21:50</p>
    </td>
  </tr>
   </tbody>
   <tfoot>
    <tr>
      <!-- 水平方向合并/列合并 : colspan  -->
      <th colspan="2">課程表有效期:</th>
      <td colspan="5">2022年10月1日-2023年5月1日</td>
    </tr>
  </tfoot>
 </table>

效果

批改老師：PHPz

批改狀態(tài)：合格

老師批語(yǔ)：好