HTML内联框架iframe的详细用法

2025-04-29 01:22:04

1、新建一个HTML文件,命名为index.html,用于介绍iframe框架的使用。

HTML内联框架iframe的详细用法

2、iframe内联框架的src属性用于网页链接的设置,src指向那个链接,页面上就显示那个网页。例如,下面代码iframe框架指向百度主页。

HTML内联框架iframe的详细用法

3、iframe内联框架支持固定的宽度和高度,不填写单位的情况下,默认为像素px,下面代码定义了iframe宽高。

HTML内联框架iframe的详细用法
HTML内联框架iframe的详细用法

4、iframe内联框架的宽度还支持百分比的设置,通过百分比设置,可以根据浏览器大小改变宽度。

HTML内联框架iframe的详细用法
HTML内联框架iframe的详细用法

5、iframe内联框架酆璁冻嘌frameborder属性用来定义框架是否显示周围的边框,默认是显示边框的,当设置frameborder="0"时,则无边框。

HTML内联框架iframe的详细用法
HTML内联框架iframe的详细用法

6、iframe内联框架的name属性能定义框架的名称,而且还可以与<a>链接标签结合,实现点击<a>链接,在iframe在显示链接的网页。

HTML内联框架iframe的详细用法
HTML内联框架iframe的详细用法

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

HTML内联框架iframe的详细用法
HTML内联框架iframe的详细用法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢