HTML内联框架iframe的详细用法

HTML中内联框架本家儿要用于在网页中显示另一个网页 , 半斤八两于在网页中嵌套了一个网页 。 下面介绍HTML内联框架iframe的具体用法 。
方式/
1新建一个HTML文件 , 定名为index.html , 用于介绍iframe框架的利用 。


HTML内联框架iframe的详细用法

文章插图

2【HTML内联框架iframe的详细用法】iframe内联框架的src属性用于网页链接的设置 , src指标的目的那个链接 , 页面上就显示那个网页 。 例如 , 下面代码iframe框架指标的目的百度本家儿页 。


HTML内联框架iframe的详细用法

文章插图

3iframe内联框架撑持固定的宽度和高度 , 不填写单元的环境下 , 默认为像素px , 下面代码界说了iframe宽高 。


HTML内联框架iframe的详细用法

文章插图

HTML内联框架iframe的详细用法

文章插图

4iframe内联框架的宽度还撑持百分比的设置 , 经由过程百分比设置 , 可以按照浏览器大小改变宽度 。


HTML内联框架iframe的详细用法

文章插图

HTML内联框架iframe的详细用法

文章插图

5iframe内联框架frameborder属性用来界说框架是否显示四周的边框 , 默认是显示边框的 , 当设置frameborder="0"时 , 则无边框 。


HTML内联框架iframe的详细用法

文章插图

HTML内联框架iframe的详细用法

文章插图

6iframe内联框架的name属机能界说框架的名称 , 并且还可以与<a>链接标签连系 , 实现点击<a>链接 , 在iframe在显示链接的网页 。

HTML内联框架iframe的详细用法

文章插图

HTML内联框架iframe的详细用法

文章插图

7iframe内联框架还有一个scrolling属性 , 这个属性本家儿要用来设置框架是否显示滚动条 , 有三个值:yes,no,auto 。 下面代码设置了无边框 。


HTML内联框架iframe的详细用法

文章插图

HTML内联框架iframe的详细用法

文章插图


以上内容就是HTML内联框架iframe的详细用法的内容啦 , 希望对你有所帮助哦!

    推荐阅读