学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>HTML>>基础教程>>

HTML基础教程(十五) 框架

发布时间:2019-12-22点击:

    HTML框架iframe

    在很多HTML页面中,特别是一些应用程序的后台页面中,你会经常见到一个页面含有几个窗口,上部一个,左侧一个,右侧一个,这些都可以通过HTML中的框架iframe标签来实现。就像以下页面。

    上面窗口会在显示的时候默认设置一个页面,然后也可以通过超链接等改变一种的显示内容,就相当于浏览器中嵌套了一个浏览器。

    一、iframe框架标签

    框架使用的标签是iframe,语法如下:

    <iframe src="这里是默认显示的页面" name="这里是框架名称"></iframe>

    其中可以通过设置iframe的src属性来设置浏览器加载时默认显示的内容,如:a.html,这样显示的时候就会把a.html的内容加载到iframe框架中。所以如果你想要在c.html页面中显示a.html的内容时,就可以通过框架来实现。

    二、动态改变框架iframe中的内容

    上面实例是通过以下方式改变的:

    <a href="b.html" target="框架名称">点击这里上面窗口会变成b.html</a>

    其中链接的href属性设置成想要框架显示的页面地址,然后target设置成框架名,就是你希望哪个框架现在这个页面。

    三、iframe框架的属性设置

    iframe的基本属性有:
    1、width:框架的宽度
    2、height:框架的高度
    3、frameborder:框架的边框宽度,默认为1px,如果你想要的把框架的边框去除,只要设置成0即可;
    小伙伴们,动手试试吧~

赞一个(0)     踩一个(0)    

相关链接