HTML iframe



Iframe语法

使用 <iframe> 标签来定义一个iframe:

<iframe src="URL"></iframe>

src属性用来指定内联框架网页URL(网址)。


Iframe - 设置高度和宽度

使用height 和 width 属性指定iframe的大小。

属性值按默认值指定为像素, 但他们也可以在百分比(如“80%”)。

<iframe src="demo_iframe.htm" height="200" width="300"></iframe>

让我试试


Iframe - 去除边框

默认情况下,iframe周围显示一个边界。

去除边框,可以添加CSS边框样式属性。

<iframe src="demo_iframe.htm" style="border:none;"></iframe>

让我试试

使用CSS,你也可以改变iframe的大小和边框的样式和颜色:

<iframe src="demo_iframe.htm" style="border:2px solid grey;"></iframe>

让我试试


Iframe - 目标是一个链接

iframe可以作为一个链接的目标框架。

target 链接的属性必须是指iframe的name属性:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.CodingDict.com" target="iframe_a">编程字典</a></p>

让我试试


HTML iframe 标签

标签 描述
<iframe> 定义一个行内框架