HTML 框架

iframe 框架用于在网页中显示网页。

Iframe 语法

使用<iframe>标签定义HTML iframe ：

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

src属性指定内联框架页面的URL(Web地址)。

Iframe – 设置高度和宽度

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

默认情况下，属性值以像素为单位指定，但它们也可以是百分比 (如”80%”)。

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

亲自试一试

或者您可以使用CSS来设置iframe的高度和宽度：

示例：

<iframe src="demo_iframe.htm" style="height:200px;width:300px;"></iframe>

亲自试一试

Iframe – 删除边框

默认情况下，iframe周围有边框。

要删除边框，请添加style属性并使用CSS border属性：

示例

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

亲自试一试

使用CSS，您还可以更改iframe边框的大小，样式和颜色：

示例：

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

亲自试一试

Iframe – 链接的目标

iframe可以用作链接的目标帧。

target链接的属性必须引用name的属性:

示例：

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://../index.htm" target="iframe_a">w3cl.com</a></p>

亲自试一试

HTML iframe 标签