Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 后台小案例作业
Blogger Information
Blog 50
fans 0
comment 0
visits 31435
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
后台小案例作业
手机用户1580651468
Original
403 people have browsed it

后台小案例

1.代码如下

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>后台管理平台</title>
  8.     <link rel="stylesheet" href="static/css/admin.css">
  9. </head>
  10. <body>
  11.    <!-- ? 1. 后台顶部: LOGO , 状态 -->
  12.    <header>
  13.     <h1>网站后台管理系统 <small>(v1.0)</small></h1>
  14.     <section>
  15.       <em>admin</em>
  16.       <button onclick="location.href='logout.php'">退出</button>
  17.     </section>
  18.   </header>
  20.   <!-- ? 2. 后台左侧: 导航菜单 -->
  21.   <nav>
  22.     <a href="../1017/demo.html" target="content">购物车</a>
  23.     <a href="../1017/dembuju.html" target="content">布局元素</a>
  24.     <a href="../002/ement.html" target="content">元素</a>
  25.     <a href="../1018/zuoye.html" target="content">新用户注册信息</a>
  26.     <a href="../1018/dem01.html" target="content">表单元素与控件</a>
  27.     <a href="demo1.html" target="content">音频与视频元素</a>
  28.   </nav>
  30.   <!-- ? 3. 后台右侧: 和左侧菜单绑定内容区 -->
  31.   <!-- <iframe src="" name="content"></iframe> -->
  32.   <!-- <iframe srcdoc="<em style='color:coral'>请点击左侧导航开始</em>" name="content"></iframe> -->
  33.   <iframe src="moren.html" name="content"></iframe>
  34. </body>
  35. </html>

2.代码编辑图及效果图如下







Correcting teacher：PHPzPHPz

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