HTML中框架iframe怎么用
这篇文章主要介绍了HTML中框架iframe怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
HTML - 框架iframe
通过使用框架,我们可以在同一个浏览器窗口中显示不止一个页面。
iframe语法
<iframe class="lazy" data-src="url"></iframe>
注意:该URL指向不同的网页。
lframe - 设置高度与宽度
height和width属性用来定义iframe标签的高度与宽度。
属性默认为像素为单位,但是我们可以指定其按比例显示(如50%)。
lframe - 移除边框
frameborder属性用于定义iframe表示是否显示边框。
设置属性值为"0"移除iframe的边框:
<iframe class="lazy" data-src="" frameborder="0"> </iframe>
使用iframe来显示目标链接页面
iframe可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性,如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<iframe class="lazy" data-src="https://www.cnblogs.com/jeremywucnblog/p/11994537.html" frameborder="0" width="1300" height="500" name="index"></iframe><br><!---定义name为index--->
<a href="https://www.baidu.com/" target="index">百度一下</a><!---打开超链接时 会显示在index里面--->
</body>
</html>
HTML iframe标签
<iframe>:定义一个内联的iframe
感谢你能够认真阅读完这篇文章,希望小编分享的“HTML中框架iframe怎么用”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341