html基础学习(三)

60 阅读1分钟

七、内联框架

1.简介

使用 可以将其他网页的内容以嵌入的方式显示在当前网页中。

2.基本用法

语法:

<iframe src="指定的链接">
<!-- URL指定不同的页面-->
</iframe>

常用属性:

  • src 引用的页面
  • width/height 标签的 宽度/高度,像素或 百分比(父级元素为参照物按照百分比数值显示在页面中。)
  • frameborder 是否显示边框,取值:1(yes)0(no)
  • scrolling 是否显示滚动条,取值:yes、no、auto(当放不下时,会自动出现滚动条)
  • name 为框架定义名称
  • allowfullscreen 属性用于指定是否允许全屏显示。

注意: 你可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 的浏览器(一些旧的浏览器不支持)。

3.在框架中打开链接

<iframe name="名称">
    
</iframe>
<a href="链接地址" target="名称(跟iframe中的name名称同步)">链接文本或图像</a>