如何使用iframe框架引用网页

使用iframe元素可以让我们在同一个浏览器窗口显示多个页面

语法

iframe的宽度和高度边框都可以通过css样式调节

使用iframe框架显示目标链接页面

name属性可以为iframe框架命名

代码为

我们为下面的iframe框架命名为“honglog”

代码显示为

我们只需要在超链接中添加一个target="honglog"(并不是一定是honglog,这个是根据我们的命名而变)超链接当中的target属性为打开方式,简单来说我们添加这行target属性就是让我们链接的页面指定在我们命名为honglog的iframe框架中打开

代码为
<a href="https://www.honglog.com/player/?url="网址" target="honglog">点我查看效果</a>
代码显示为

点我查看效果 (资源来自网络,侵权立删)点击链接上面命名为honglog的iframe框架就会显示我们链接的页面

框架的样式宽高都可以根据自己喜好用css样式自己调节,我在写这篇文章的时候发现一个很奇怪的事,我可以引用iframe框架,但是我不能用wordpress自带的代码演示工具给大家演示,所以我用的是图片来演示iframe框架的代码,还有我用经典编辑器没法引用iframe框架,但是我用古腾堡编辑器就可以正常引用

版权声明:
作者:HONG
链接:https://www.honglog.com/337.html
来源:小洪博客
本站遵循cc共享许可协议:BY-NC-SA 4.0 转载请注明出处
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录