html iframe标签
iframe
内嵌框架标签iframe,主要用于在一个网页中(的某个区域),“嵌入”另一个网页
基本上,可以把iframe标签看做类似textarea标签,只要把它放在想放的位置就可以。
根据name来做关联
使用形式:
<iframe src=”要嵌入进来的网页地址” name=”框架名称” width=”宽度” height=”高度” frameborder=”1或0” scrolling=”yes或no”></iframe>
- iframe是双标签,但标签中通常不放任何内容
- frameborder:用于设定框架窗口是否显示“边框线”,1表示显示,0表示不显示
- scrolling:用于设定框架窗口是否显示滚动条(类似浏览器的滚动条)
<style>
.list {
margin: 50px auto;
height: 50px;
width: 1000px;
}
.if {
margin: 50px auto;
width: 1000px;
height: 500px;
}
iframe {
width: 1000px;
height: 500px;
}
</style>
</head>
<div class="list">
<a href="https://m.jd.com/" target="test">京东</a>
<a href="https://www.taobao.com/" target="test">淘宝</a>
<a href="https://www.163.com/" target="test">网易</a>
<a href="http://www.qq.com" target="test">qq</a>
</div>
<div class="if">
<iframe src="http://www.baidu.com" frameborder="0" name="test"></iframe>
</div>