html iframe标签

iframe

内嵌框架标签iframe,主要用于在一个网页中(的某个区域),“嵌入”另一个网页

其实现方式就是使用iframe标签

基本上,可以把iframe标签看做类似textarea标签,只要把它放在想放的位置就可以。
根据name来做关联
使用形式:

<iframe  src=”要嵌入进来的网页地址”  name=”框架名称”  width=”宽度”  height=”高度”  frameborder=”1或0”  scrolling=”yes或no”></iframe>
  1. iframe是双标签,但标签中通常不放任何内容
  2. frameborder:用于设定框架窗口是否显示“边框线”,1表示显示,0表示不显示
  3. 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>
posted @ 2020-12-04 17:00  qqaazzhf  阅读(112)  评论(0编辑  收藏  举报