<!doctype html><html lang="ch"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>10月19日作业</title> <style> body{background-color: honeydew;margin: 0;padding: 0} header h1{background-color: #0077aa; margin-top:0px;width: 100%;height:50px;padding-left:67px } .nickname, .logout{ color:white;margin-left: 50px;margin-right:10px;margin-top: -54px;float: right;font-weight: 500} .right li{ list-style: none} .right ul li{border: solid 2px wheat;display:inline-block;padding: 10px;background-color: #1c947a } .right{display: flex;max-width: 200px} iframe{margin-left: 150px;margin-top:-150px} </style></head><body><!--<iframe src="https://www.szsinotech.com/" width="100%" height="100%" frameborder="0"></iframe>--><!--<video src="img/text.mp4" width="500" controls autoplay></video>--><header> <div class="head"> <h1>网站后台管理<em>(1.2)</em></h1> <div class="nickname">窗边的小豆豆 <a href="" onclick="alert('退出成功！')"><button type="button">退出</button> </a></div> </div></header><div class="right"> <ul> <li><a href="https://news.cctv.com/china/?spm=C94212.P4YnMod9m2uD.EWZW7h07k3Vs.2" target="1">网站设置</a></li> <li><a href="https://news.ifeng.com/living/" target="1">新闻管理</a></li> <li><a href="" target="1">视频管理</a></li> </ul></div><!-- 实现框架与导航的结合,要用到一个组合: a.target = iframe.name--><iframe src="../img/m2.jpg" name="1" height="500" width="805" >111111</iframe></body></html>
# 运行结果
