表格的使用 colspan rowspan合并表格

<!DOCTYPE html>
<html lang="en">
  <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" width="600" cellpadding="1">
      <caption>
        课程表
      </caption>
      <br />
      <th colspan="2">课程时间</th>
      <th>科目</th>
      <th>科目</th>
      <th>科目</th>
      <th>科目</th>
      <th>科目</th>
      <th>科目</th>
      <tr>
        <td colspan="2" rowspan="3">上午</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <!-- <td>课</td> -->
      </tr>
      <tr>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <!-- <td>课</td> -->
        <!-- <td>课</td> -->
      </tr>
      <tr>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <!-- <td>课</td> -->
        <!-- <td>课</td> -->
      </tr>
      <tr>
        <td colspan="8" bgcolor="yellow">午休时间</td>
        <!-- <td>课</td>
          <td>课</td>
          <td>课</td>
          <td>课</td>
          <td>课</td>
          <td>课</td>
          <td>课</td> -->
      </tr>
      <tr>
        <td colspan="2" rowspan="3" style="content">下午</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</td>
        <!-- <td>课</td> -->
      </tr>
      <tr>
        <td>XX课</td>
        <td>XX课</td>
        <td>XX课</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>
        <!-- <td>课</td> -->
        <!-- <td>课</td> -->
      </tr>
    </table>
  </body>
</html>

课程表

导航列表跳转链接

 <ul>
      <li>
        <a href="http://baidu.com"
          ><img
            src="https://files.codelife.cc/itab/search/baidu.svg"
            alt="11"
          />跳转百度</a
        >
      </li>
      <li>
        <a href="http://baidu.com"
          ><img
            src="https://files.codelife.cc/itab/search/baidu.svg"
            alt="22"
          />跳转百度</a
        >
      </li>
      <li>
        <a href="http://baidu.com"
          ><img
            src="https://t14.baidu.com/it/u=3871151578,586465891&fm=179&app=42&size=w621&n=0&f=PNG?s=56F72C72CCB47E904B7DA3C40300A026&sec=1658509200&t=55600cf5fe91a0811929ff0ad79fad3b"
            alt="22"
          />跳转百度</a
        >
      </li>
    </ul>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

markdown语法使用介绍

2022-07-11 10:50:34