iframe框架使用(iframe使用详解)
什么是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