HTML入门之内嵌框架

最新推荐文章于 2024-06-04 14:32:38 发布

青颗

最新推荐文章于 2024-06-04 14:32:38 发布

阅读量1k

点赞数 2

分类专栏：前端学习文章标签： html

本文链接：https://blog.csdn.net/weixin_42892129/article/details/113828308

版权

前端学习专栏收录该内容

8 篇文章 1 订阅

订阅专栏

在HTML中，iframe标签用于创建内嵌框架，允许在一个页面内嵌入另一个网页。通过设置src属性指定链接地址，width和height属性定义框架尺寸。例如，可以使用如下代码在页面中插入两个不同网站的iframe：百度和CSDN。iframe在HTML5中仍然被支持，是实现页面多内容展示的重要手段。

摘要由CSDN通过智能技术生成

一、iframe标签

在HTML中，使用iframe标签来实现一个内嵌框架即在当前页面再嵌入另外一个网页。
语法：

<iframe src="链接地址" width="数值" height="数值"></iframe>

其中src用于定义嵌入页面链接地址，是必选属性，而width和height分别用于定义嵌入页面的宽度和高度，是可选属性。
使用多个iframe标签可在当前页面嵌入多个网页。
如以下代码：

<iframe src="http://www.baidu.com" width="800" height="400"></iframe>    
<hr>
<iframe src="http://www.csdn.net" width="800" height="400"></iframe></body>

显示效果如下：
在这里插入图片描述

二、相关习题

一、单选题
1．下面有关框架的说法中，正确的是（ C ）。
A. 我们一般使用frameset标签来实现在一个页面中嵌入两外一个页面
B. 一般使用href属性来定义iframe的链接地址
C. 可以使用width和height来分别定义iframe的宽度和高度
D. iframe标签在HTML5标准中已经被废弃了，现在使用的都是frame标签