博客列表 >后台小案例作业

后台小案例作业

手机用户1580651468
手机用户1580651468原创
2022年10月19日 23:11:01407浏览

后台小案例

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>
  19. <!-- ? 2. 后台左侧: 导航菜单 -->
  20. <nav>
  21. <a href="../1017/demo.html" target="content">购物车</a>
  22. <a href="../1017/dembuju.html" target="content">布局元素</a>
  23. <a href="../002/ement.html" target="content">元素</a>
  24. <a href="../1018/zuoye.html" target="content">新用户注册信息</a>
  25. <a href="../1018/dem01.html" target="content">表单元素与控件</a>
  26. <a href="demo1.html" target="content">音频与视频元素</a>
  27. </nav>
  28. <!-- ? 3. 后台右侧: 和左侧菜单绑定内容区 -->
  29. <!-- <iframe src="" name="content"></iframe> -->
  30. <!-- <iframe srcdoc="<em style='color:coral'>请点击左侧导航开始</em>" name="content"></iframe> -->
  31. <iframe src="moren.html" name="content"></iframe>
  32. </body>
  33. </html>

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







声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议