iframe应用

前言

iframe是一个内联框架,简单的说就是在当前的页面文档中嵌入另一个文档,在HTML中就是我们所用到的<iframe>标签

iframe的用法

1、iframe的属性

frameborder:;取值1或0 用来显示框架周围边框
width:; 文档宽度
height: ;文档高度
name: ;用来表示ifname称
src:;显示文档的地址
scrolling:;是否显示滚动条
既然知道了iframe的属性,我们来简单运用一下,代码如下:

<body>
<iframe src="http://www.baidu.com" width="500px" height="500px"></iframe>
<!--比如我们在前页面在显示一个百度的页面 
 注意:这里连接地址必须加http协议;不然不会显示
-->
</body>

显示如下:
在这里插入图片描述

2.iframe也可以和a标签连用

例如:

<body>
<iframe src="" width="500px" height="200px"  name="clee"></iframe>
<!--这里需要给iframe标签一个name  然后在a标签中跳转就可以了 -->
<a href="http://www.baidu.com" target="clee">点击<>
</body>

如图
在这里插入图片描述
在没点击时,页面上只有一个a标签


总结

关于iframe标签就简单介绍到这里,当然iframe也不止这两点用法,感兴趣的小伙伴可以多了解一下。

猜你喜欢

转载自blog.csdn.net/Inory_ye/article/details/111397728