第二章网站开发基础之HTML教程 - 二、常用HTML标签：iframe、frameset、frame框架标签

最新推荐文章于 2021-07-19 11:23:48 发布

陈子2005

最新推荐文章于 2021-07-19 11:23:48 发布

阅读量225

点赞数 1

分类专栏：陈子-零基础网站开发教程文章标签： css html web javascript 前端

本文链接：https://blog.csdn.net/klyz505/article/details/105439943

版权

本文主要介绍HTML中的iframe、frameset、frame框架标签。重点讲解了iframe的frameborder属性和scrolling属性，以及iframe的使用场景，包括调用第三方API和内部页面。同时指出iframe可能带来的页面加载速度问题。

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

iframe、frameset、frame框架标签

1.iframe ，框架（内联元素）

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>iframe标签</title></head>
<body>
每一个网页，可以理解是单独的个体、单页。<br>
iframe标签可以在一个网页中嵌入其它的网页，即以单个框架的形式嵌入其它网页。<br><br>
例，我们把时尚酷客网首页嵌进来：<br>
<iframe src="http://www.kuke.com" frameborder="1" width="100%" height="100" scrolling="yes"></iframe>
把第三方网站提供的天气查询也嵌进来：<br>
<iframe src="http://i.tianqi.com/index.php?c=code&id=1&py=beijing" frameborder="0" width="100%" height="30" scrolling="no"></iframe>
</body>
</html>

效果如下：

最低0.47元/天解锁文章

陈子2005

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
第二章网站开发基础之HTML教程 - 二、常用HTML标签：iframe、frameset、frame框架标签

iframe、frameset、frame框架标签1.iframe ，框架（内联元素）<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>iframe标签</titl...
复制链接

扫一扫