当前位置:网站首页 > 技术博客 > 正文

html嵌入iframe



作用:< iframe > 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。即在一个页面中引入另一个页面,实现页面之间的嵌套。可以把需要的文本放置在 < iframe > 和 < /iframe > 之间,这样就可以应对不支持 < iframe > 的浏览器。
使用 CSS 为 < iframe >(包括滚动条)定义样式。
语法示例

 

在这里插入图片描述

作用:规定 < iframe > 的名称,并具有下列用途

  • 用于在 JavaScript 中引用元素;
  • 作为< a >或< form >元素的 target 属性的值;
  • 作为 或 的 formtarget 属性的值。

语法

作用:在iframe中显示的文档的URL。
语法
可能的值

  • 绝对 URL :指向另一个网站(比如 src=“http://www.example.com/default.htm”)
  • 相对 URL :指向网站中的一个文件(比如 src=“default.htm”)

作用:规定< iframe >的宽度,以像素计。
语法:。
取值:以像素为单位的内联框架的高度(比如 “100px”)也可以为百分比,如100%。
注意:在HTML 4.01中,宽度应该被定义为以像素为单位或者以包含元素的百分比为单位。在 HTML5中,宽度值必须以像素为单位。

作用:规定< iframe >的高度,以像素计。
语法
取值:以像素为单位的内联框架的高度(比如 “100px”)。
注意:在 HTML 4.01 中,高度应该被定义为以像素为单位或者以包含元素的百分比为单位。在 HTML5 中,高度值必须以像素为单位。

作用:是否显示框架周围的边框,当属性值为1,则显示边框,为0则不显示边框。
语法

 

运行结果如下,当点击百度、或搜狐时,会在iframe框中显示击百度、或搜狐的网页,并且可以正常使用。
在这里插入图片描述

(1)了解iframe的作用;
(2)掌握iframe常用属性的作用及用法;
(3)学会将超链接< a >标签与< iframe >结合使用。

  • 上一篇: modak字体
  • 下一篇: 什么叫指针函数
  • 版权声明


    相关文章:

  • modak字体2024-12-02 21:30:05
  • 标志位syn2024-12-02 21:30:05
  • 快识别打码2024-12-02 21:30:05
  • java图形界面gui编程(持续更新)2024-12-02 21:30:05
  • 阿里巴巴网站是如何进行搜索引擎优化的2024-12-02 21:30:05
  • 什么叫指针函数2024-12-02 21:30:05
  • 弹性盒子justify-content2024-12-02 21:30:05
  • okhttp 详解2024-12-02 21:30:05
  • html的框架标签2024-12-02 21:30:05
  • monkey测试原理2024-12-02 21:30:05