Blogger Information
Blog 27
fans 1
comment 2
visits 90530
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
iframe后台小案例
          
Original
463 people have browsed it
  1. <!doctype html>
  2. <html lang="ch">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>10月19日作业</title>
  9. <style>
  10. body{background-color: honeydew;margin: 0;padding: 0}
  11. header h1{background-color: #0077aa; margin-top:0px;width: 100%;height:50px;padding-left:67px }
  12. .nickname,
  13. .logout{ color:white;margin-left: 50px;margin-right:10px;margin-top: -54px;float: right;font-weight: 500}
  14. .right li{ list-style: none}
  15. .right ul li{border: solid 2px wheat;display:inline-block;padding: 10px;background-color: #1c947a }
  16. .right{display: flex;max-width: 200px}
  17. iframe{margin-left: 150px;margin-top:-150px}
  18. </style>
  19. </head>
  20. <body>
  21. <!--<iframe src="https://www.szsinotech.com/" width="100%" height="100%" frameborder="0"></iframe>-->
  22. <!--<video src="img/text.mp4" width="500" controls autoplay></video>-->
  23. <header>
  24. <div class="head">
  25. <h1>网站后台管理<em>(1.2)</em></h1>
  26. <div class="nickname">窗边的小豆豆 <a href="" onclick="alert('退出成功!')"><button type="button">退出</button> </a></div>
  27. </div>
  28. </header>
  29. <div class="right">
  30. <ul>
  31. <li><a href="https://news.cctv.com/china/?spm=C94212.P4YnMod9m2uD.EWZW7h07k3Vs.2" target="1">网站设置</a></li>
  32. <li><a href="https://news.ifeng.com/living/" target="1">新闻管理</a></li>
  33. <li><a href="" target="1">视频管理</a></li>
  34. </ul>
  35. </div>
  36. <!-- 实现框架与导航的结合,要用到一个组合: a.target = iframe.name-->
  37. <iframe src="../img/m2.jpg" name="1" height="500" width="805" >111111</iframe>
  38. </body>
  39. </html>

# 运行结果

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