HTML 框架

本文详细介绍了HTML的iframe标签,用于在同一浏览器窗口中嵌入多个页面。讲解了iframe的基本语法、设置高度与宽度的方法,以及如何去除边框。此外,还展示了如何通过iframe显示目标链接页面,并提供了实例演示。
摘要由CSDN通过智能技术生成

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。


iframe语法:

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

该URL指向不同的网页。


iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")。

实例

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


尝试一下 »


iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 "0" 移除iframe的边框:

实例

<iframe src="demo_iframe.htm" frameborder="0"></iframe>
尝试一下 »

使用 iframe 来显示目标链接页面

iframe 可以显示一个目标链接的页面

目标链接的属性必须使用 iframe 的属性,如下实例:

实例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="https://www.runoob.com" target="iframe_a" rel="noopener">RUNOOB.COM</a></p>


尝试一下 »


HTML iframe 标签

标签说明
<iframe>定义一个内联的iframe
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值