HTML内联标签iframe如何使用(html,iframe,web开发)

Iframe内联框架

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

用法以及属性

用法：

在页面中直接使用iframe标签

<iframesrc=""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.在页面直接使用嵌套

```html
<iframesrc="http://www.baidu.com&quot;frameborder=&quot;0&quot;width=&quot;60%&quot;height=&quot;500px&quot;scrolling=&quot;auto&quot;&gt;
</iframe>

2.与a标签结合使用

<p><ahref="http://www.baidu.com&quot;target=&quot;right-frame&quot;&gt;百度&lt;/a&gt;&lt;/p&gt;
<p><ahref="http://qq.com&quot;target=&quot;right-frame&quot;&gt;腾讯&lt;/a&gt;&lt;/p&gt;
<iframesrc="http://qq.com&quot;name=&quot;right-frame&quot;width=&quot;400px&quot;height=&quot;300px&quot;&gt;
</iframe>

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

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