iframe元素
<iframe…/>元素可以在普通html页面中使用,用于在普通html中生成一个行内框架,可以放在html页面中的任意位置。
1.src:指定该iframe将装载哪个页面
2.name:设置该iframe的名字
3.scrolling:设置是否显示滚动条,该属性支持yes(显示)、no(不显示)、auto(自动,框架里放不下时显示)
4.height:设置高度
5.width:设置宽度
6.frameborder:设置是否显示边框
<!DOCTYPE html>
<html>
<head>
<title>majic_Jing</title>
<style type="text/css">
.div1{
width:200px;height:530px; float: left; border: 1px solid #ccc;
}
.div2{
width:800px ;height:530px; float: left; border: 1px solid #ccc;
}
</style>
</head>
<body>
<div class="div1">
<ul>
<li> <a href="http://baidu.com" target="demo"
style="text-decoration: none;color: #000">点击跳转百度</a></li><br>
<li> <a href="http://jd.com" target="demo"
style="text-decoration: none;color: #000">点击跳转京东</a></li><br>
<li> <a href="https://mp.csdn.net" target="demo"
style="text-decoration: none;color: #000">点击跳转CSDN</a></li><br>
</ul>
</div>
<div class="div2">
<iframe src="map.html" width="800" height="530" name="demo"
frameborder="0"></iframe>
</div>
</body>
</html>