1语义化元素及列表

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>语义化元素联系</title>
  </head>
  <body>
    <header>
      <div class="nav">
        <a href="">网站首页</a>
        <a href="">找工作</a>
        <a href="">找人才</a>
        <a href="">招聘会</a>
        <a href="">纳职APP</a>
        <a href="">纳职公众号</a>
      </div>
    </header>
    <div class="container">
      <aside>
        <div class="ggw">广告位</div>
        <ul>
            <!-- 无序列表 -->
            <li>会员套餐</li>
            <li>图片展示</li>
            <li>会员权限</li>
            <li>展示案例</li>
            <li>自助在线</li>
            <!-- 有序列表 -->
        </ul>
        <ol>
            <li>知名企业A</li>
            <li>知名企业B</li>
            <li>知名企业c</li>
            <li>知名企业D</li>
            <li>知名企业E</li>
        </ol>
      </aside>
      <main>
        <div class="article">
          <h3 style="color: blueviolet; ">
            专业的微信小程序招聘平台
          </h3>
          <p>你值得拥有，简单易操作</p>
          <p>打开微信，搜索纳职，快速找到</p>
        </div>
      </main>
    </div>
    <footer>
      <div class="links">
        <a href="">关于纳职</a>
        <a href="">企业文化</a>
        <a href="">联系我们</a>
        <a href="">在线客服</a>
        <a href="">加入QQ群</a>
      </div>
    </footer>
  </body>
</html>

2.表格及框架


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表格与框架</title>
  </head>
  <body>
    <table
      border="1"
      cellpadding="5"
      cellspacing="0"
      width="500"
      height="300"
      align="center"
    >
      <colgroup bgcolor="lightpink">
        <col />
        <col bgcolor="lightgreen" />
        <col bgcolor="yellow" span="2" />
        <col />
        <col />
      </colgroup>
      <!-- 表格标题 -->
      <caption style="font-size: 2rem; margin-bottom: 10px;">
        纳职会员确认表
      </caption>
      <!-- 表示页面 -->
      <thead bgcolor="lightblue">
        <th>部门</th>
        <th>ID</th>
        <th>姓名</th>
        <th>职位</th>
        <th>电话</th>
      </thead>
      <!-- 表示主题 -->
      <tbody>
        <tr>
          <td rowspan="3" align="center">市场部</td>
          <td>101</td>
          <td>范建明</td>
          <td>主管</td>
          <td>15225825467</td>
        </tr>
        <tr>
          <!-- <td>市场部</td> -->
          <td>102</td>
          <td>黄耀武</td>
          <td>组长</td>
          <td>13925642245</td>
        </tr>
        <tr>
          <!-- <td>市场部</td> -->
          <td>103</td>
          <td>李倩倩</td>
          <td>精英</td>
          <td>13888882544</td>
        </tr>
      </tbody>
      <!-- 表格主题2 -->
      <tbody>
        <tr>
          <td rowspan="3" align="center">售后部</td>
          <td>201</td>
          <td>夏敏</td>
          <td>经理</td>
          <td>18745821546</td>
        </tr>
        <tr>
          <!-- <td>售后部</td> -->
          <td>202</td>
          <td>刘诗昆</td>
          <td>主管</td>
          <td>18988296526</td>
        </tr>
        <tr>
          <!-- <td>售后部</td> -->
          <td>303</td>
          <td>张凯丽</td>
          <td>组员</td>
          <td>17585422542</td>
        </tr>
      </tbody>
      <tfoot>
        <tr bgcolor="wheat">
          <td align="center">备注</td>
          <td colspan="4">欢迎大家加入纳职大家庭！！！！</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>

一直没有交作业，主要是还没有理解过来，重复看了3遍视频，有点眉目了。昨天晚上自己开始写，不明白的地方参照了老师的笔记，终于写好了。第一次自己写的，还是有个别地方没有理解，需要继续再看视频消化。另外就是点击实时预览，跳出来5500找不到应用程序，百度了，之前的安装视频也看了，没有处理好。

语义化元素、列表、表格框架联系

1语义化元素及列表

2.表格及框架

相关文章