Iframe内联框架

iframe是HTML标签,它可以把一个网页的框架和内容,嵌入在现有的网页中,也就是说,我们可以在自己的网页中加载别人的网站,当然,iframe标签的一些属性也是我们在使用iframe时所需要了解的,帮助我们更好的使用它。

用法以及属性

用法:

在页面中直接使用iframe标签

1

<iframe src="" frameborder="0"></iframe>

属性:

  • src:引入页面的地址
  • framedorder:是否显示边框,属性值有yes和no,yes表示显示边框,no表示不显示
  • name:框架标识名
  • scrolling:是否出现滚动条,属性值有yes,no,auto。yes是显示滚动条,而no表示不显示滚动条。auto是自动适应窗口的大小。
  • width:定义iframe宽度,可以用px来调整,也可以用百分比%
  • hight:定义iframe高度,,可以用px来调整,也可以用百分比%
  • noresize:是否允许调整框架窗口的大小
  • algin:根据周围元素对齐的方式

接下来来看看它是如何使用的吧。

1.在页面直接使用嵌套

1

2

3

```html

  <iframe src="http://www.baidu.com" frameborder="0" width="60%" height="500px" scrolling="auto">

  </iframe>

如何快速入门VUE3.0:进入学习

2.与a标签结合使用

1

2

3

4

<p><a href="http://www.baidu.com" target="right-frame">百度</a></p>

  <p><a href="http://qq.com" target="right-frame">腾讯</a></p>

  <iframe src="http://qq.com"  name="right-frame" width="400px" height="300px">

  </iframe>

此时点百度这个超链接可以跳转页面

这两个页面可以实现简单的跳转了。

下载说明:

1.本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。

2.如果源码下载地址失效请/联系站长QQ进行补发。

3.本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!

4.本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【源码源码ui网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。

5.请您认真阅读上述内容,购买即以为着您同意上述内容。

源码UI网 » 详解HTML内联标签iframe的使用

发表回复