iframe框架使用(iframe使用详解)

http://www.itjxue.com  2023-02-19 15:34  来源:未知  点击次数: 

什么是IFRAME

IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

frameset和frame标签必须在一起使用。frame有一个重要的值是target,它表示在指定的框架中打开网页;target可以配置四个参数:

1、blank:它表示在一个新的窗口中打开链接网页,

2、top:它表示在本窗口中打开链接网页,

3、parent:在上一层的框架中打开链接网页,

4、self:在超链接中打开链接网页。

扩展资料

特点如下:

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

参考资料来源:百度百科-iframe

iframe怎么使用?

下面的例子使用了

IFRAME

元素创建了包含页面

sample.htm

的框架。

IFRAME

ID=IFrame1

FRAMEBORDER=0

SCROLLING=NO

SRC="sample.htm"/IFRAME

iframe

标签

--

代表HTML内联框架

iframe标签是成对出现的,以iframe开始,/iframe结束

*

属性

name

--

定义了内容页名称,此名称在框架页内链接时使用到

frameborder

--

定义了内容页的边框,取值为(1|0),缺省值为1

marginwidth

--

定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定

marginheight

--

定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定

align

--

垂直或水平对齐方式

height

--

框架的高度

width

--

框架的宽度

框架嵌套iframe标签常见的几种使用方法

先来看看百度百科对于iframe标签元素的介绍!都是比较详细,接着就是实际的应用了!

2

新建一个记事本文件,并将它重命名为.html文件,添加必要的htmlbody标签,为了便于说明,同时添加head和title,将标题改名为iframe元素标签的使用!

3

在body中添加iframe,ulr为你要嵌套网页的地址,需要带上http的,由于经验不上带有网址,不演于演示,width,height为所占用的宽度和高度,以百度首页为例,当然嵌套两个网页也是可以的!

4

当然嵌套两个网页或者多个网页也是可以的,高度和宽度都可以自行设置!

5

再看其他的比较常用的可选属性,如name,通过对定义好的名字,就指定框架页面进行跳转!

6

至于其他可选属性,就不再一一举例,看看解析,再试验一下就清楚了,如scrolling="no"就是不显滚动条,align控制框架的对齐方式等等,用法都差不多!

7

源代码:

html

head

titleiframe元素标签的使用/title

body

a href="url" target="iframe1"跳转到百度经验/abr/

iframe src="url" width="600px" height="400px" name="iframe1"scrolling="no"/

iframe src="url" width="600px" height="400px" name="iframe2" align="right"/

/body

/head

/html

如何用iframe代码显示调用网页的指定部分

以百度主页为例,去掉百度的Logo部分,代码与效果如下:

html

head

titleIframe标签显示目标网页的指定区域,方法1/title

/head

body

div align="center"

iframe width="800" height="600" src="" scrolling="no" hspace="-100" vspace="-150"/iframe

/div/body

/html

扩展资料:

Iframe的一些属性:

1、marginheight 属性规定框架内容与框架的上方和下方之间的高度,以像素计。

2、maiginweidth 属性规定框架内容与框架的左侧和右侧之间的高度,以像素计。

3、vspace y方向显示的区域,负值为从目标网页最上面开始截取的部分,正值为y值+从上部开始内容区域。

4、hsapce x方向显示的区域,负值为从目标网页左侧开始截图的部分,正值为x值+从左侧开始内如区域。

5、src 目标网页的地址,可以为html,asp,文本等。

6、frameborder 框架边框,0为无边框(画中画效果)。

参考资料来源:百度百科-iframe

(责任编辑:IT教学网)

更多