Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 语义化元素、列表、表格框架联系
Blogger Information
Blog 2
fans 0
comment 0
visits 1972
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
语义化元素、列表、表格框架联系
熊猫大侠
Original
506 people have browsed it

1语义化元素及列表

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>语义化元素联系</title>
  7.   </head>
  8.   <body>
  9.     <header>
  10.       <div class="nav">
  11.         <a href="">网站首页</a>
  12.         <a href="">找工作</a>
  13.         <a href="">找人才</a>
  14.         <a href="">招聘会</a>
  15.         <a href="">纳职APP</a>
  16.         <a href="">纳职公众号</a>
  17.       </div>
  18.     </header>
  19.     <div class="container">
  20.       <aside>
  21.         <div class="ggw">广告位</div>
  22.         <ul>
  23.             <!-- 无序列表 -->
  24.             <li>会员套餐</li>
  25.             <li>图片展示</li>
  26.             <li>会员权限</li>
  27.             <li>展示案例</li>
  28.             <li>自助在线</li>
  29.             <!-- 有序列表 -->
  30.         </ul>
  31.         <ol>
  32.             <li>知名企业A</li>
  33.             <li>知名企业B</li>
  34.             <li>知名企业c</li>
  35.             <li>知名企业D</li>
  36.             <li>知名企业E</li>
  37.         </ol>
  38.       </aside>
  39.       <main>
  40.         <div class="article">
  41.           <h3 style="color: blueviolet; ">
  42.             专业的微信小程序招聘平台
  43.           </h3>
  44.           <p>你值得拥有，简单易操作</p>
  45.           <p>打开微信，搜索纳职，快速找到</p>
  46.         </div>
  47.       </main>
  48.     </div>
  49.     <footer>
  50.       <div class="links">
  51.         <a href="">关于纳职</a>
  52.         <a href="">企业文化</a>
  53.         <a href="">联系我们</a>
  54.         <a href="">在线客服</a>
  55.         <a href="">加入QQ群</a>
  56.       </div>
  57.     </footer>
  58.   </body>
  59. </html>

2.表格及框架

  2. <!DOCTYPE html>
  3. <html lang="en">
  4.   <head>
  5.     <meta charset="UTF-8" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>表格与框架</title>
  8.   </head>
  9.   <body>
  10.     <table
  11.       border="1"
  12.       cellpadding="5"
  13.       cellspacing="0"
  14.       width="500"
  15.       height="300"
  16.       align="center"
  17.     >
  18.       <colgroup bgcolor="lightpink">
  19.         <col />
  20.         <col bgcolor="lightgreen" />
  21.         <col bgcolor="yellow" span="2" />
  22.         <col />
  23.         <col />
  24.       </colgroup>
  25.       <!-- 表格标题 -->
  26.       <caption style="font-size: 2rem; margin-bottom: 10px;">
  27.         纳职会员确认表
  28.       </caption>
  29.       <!-- 表示页面 -->
  30.       <thead bgcolor="lightblue">
  31.         <th>部门</th>
  32.         <th>ID</th>
  33.         <th>姓名</th>
  34.         <th>职位</th>
  35.         <th>电话</th>
  36.       </thead>
  37.       <!-- 表示主题 -->
  38.       <tbody>
  39.         <tr>
  40.           <td rowspan="3" align="center">市场部</td>
  41.           <td>101</td>
  42.           <td>范建明</td>
  43.           <td>主管</td>
  44.           <td>15225825467</td>
  45.         </tr>
  46.         <tr>
  47.           <!-- <td>市场部</td> -->
  48.           <td>102</td>
  49.           <td>黄耀武</td>
  50.           <td>组长</td>
  51.           <td>13925642245</td>
  52.         </tr>
  53.         <tr>
  54.           <!-- <td>市场部</td> -->
  55.           <td>103</td>
  56.           <td>李倩倩</td>
  57.           <td>精英</td>
  58.           <td>13888882544</td>
  59.         </tr>
  60.       </tbody>
  61.       <!-- 表格主题2 -->
  62.       <tbody>
  63.         <tr>
  64.           <td rowspan="3" align="center">售后部</td>
  65.           <td>201</td>
  66.           <td>夏敏</td>
  67.           <td>经理</td>
  68.           <td>18745821546</td>
  69.         </tr>
  70.         <tr>
  71.           <!-- <td>售后部</td> -->
  72.           <td>202</td>
  73.           <td>刘诗昆</td>
  74.           <td>主管</td>
  75.           <td>18988296526</td>
  76.         </tr>
  77.         <tr>
  78.           <!-- <td>售后部</td> -->
  79.           <td>303</td>
  80.           <td>张凯丽</td>
  81.           <td>组员</td>
  82.           <td>17585422542</td>
  83.         </tr>
  84.       </tbody>
  85.       <tfoot>
  86.         <tr bgcolor="wheat">
  87.           <td align="center">备注</td>
  88.           <td colspan="4">欢迎大家加入纳职大家庭！！！！</td>
  89.         </tr>
  90.       </tfoot>
  91.     </table>
  92.   </body>
  93. </html>

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

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：那就手动预览好了, 一样的
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post