• 技术文章 >web前端 >html教程

    详解HTML内联标签iframe的使用!

    藏色散人藏色散人2022-08-05 11:12:39转载166

    Iframe内联框架

    iframe是HTML标签,它可以把一个网页的框架和内容,嵌入在现有的网页中,也就是说,我们可以在自己的网页中加载别人的网站,当然,iframe标签的一些属性也是我们在使用iframe时所需要了解的,帮助我们更好的使用它。【推荐:HTML视频教程

    用法以及属性

    用法:

    在页面中直接使用iframe标签

     <iframe src="" frameborder="0"></iframe>

    属性:

    接下来来看看它是如何使用的吧。

    1.在页面直接使用嵌套

    ```html
      <iframe src="http://www.baidu.com" frameborder="0" width="60%" height="500px" scrolling="auto">
      </iframe>

    21a92cfbaf0f9faec6f6aeccba9e155.jpg

    2.与a标签结合使用

      <p><a href="http://www.baidu.com" target="right-frame">百度</a></p>
        <p><a href="http://qq.com" target="right-frame">腾讯</a></p>
        <iframe src="http://qq.com"  name="right-frame" width="400px" height="300px">
        </iframe>

    fc4b472518e0fe734d00b1e969d226b.jpg

    此时点百度这个超链接可以跳转页面

    35ef33add49a0180188b3b2b09f0491.jpg

    这两个页面可以实现简单的跳转了。

    以上就是详解HTML内联标签iframe的使用!的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:iframe
    上一篇:解析Table标签,不要再把td、th、tr搞混了! 下一篇:全方位整理与form表单相关的元素!
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• layui的iframe跳转链接与页面按钮跳转相关介绍• phpcms 不支持iframe怎么办• 实例讲解php提交表单关闭layer弹窗iframe• php如何实现关闭iframe• jquery如何获取iframe
    1/1

    PHP中文网