首 页 网站建设 手机网站 店铺装修 案例展示 关于优客 联系我们
QQ联系
微信联系
手机联系

浮动框架iframe(一)

发布时间:2019-01-22
浏览次数:191

浮动框架是一种较为特殊的框架,它是在浏览器窗口中嵌套的子窗口,整个页面并不一 定是框架页面,但要包含一个框架窗口。<iftame>框架可以完全由设计者定义宽度和高度, 并且可以放置在一个网页的任何位置,这极大地扩展了框架页面的应用范围。


1.页面源文件src

浮动框架中最基本的厲性就是src,它用来指定浮动框架页面的源文件地址。


语法:

<iframe src="浮动框架的源文件"></ iframe >


举例:


<table height=428 cellspacing=0 cellpadding=0 width=760 ailgn=center border=0>
<body>
<tr>
<td><img height=214 alt="" src="images/777-01.gif" width=64></td>
<td width=637 background=images/777-03.gif rowspan=2>
<iframe src="images/fd.htm"></iframe>
</td>
<td><img height=214 slt="images/777-03.gif" width=59></td></tr>
<tr>
<td><img height=214 alt="" src="imahes/777-04.gif" width=64></td>
<tb><img height=214 alt="" src="images/777-05.gif" width=59></tb>
</tr>
</body>
</html>

在代码中<iframe src="images/fd.htm"></iframe>部分的代码标记为设置浮动框架的源文件,在浏览器中预览效果,如图9.13


9.13


2.浮动框架的宽和高width、height

<frameset>生成的框架结构是依赖上级空间尺寸的,它的宽度或者高度必须有一个和上 级框架相同。 而<iframe>浮动框架可以全由指定宽度和高度决定。


语法:

<iframe src="浮动框架的源文件" width="浮动框架的高">


说明:

浮动框架的宽度和高度值都以像素为单位。


举例:


<table height=428 cellspacing=0 cellpadding=0 width=760 ailgn=center border=0>
<body>
<tr>
<td><img height=214 alt="" src="images/777-01.gif" width=64></td>
<td width=637 background=images/777-03.gif rowspan=2>
<iframe src="images/fd.htm" width="620" height="400"></iframe>
</td>
<td><img height=214 slt="images/777-03.gif" width=59></td></tr>
<tr>
<td><img height=214 alt="" src="imahes/777-04.gif" width=64></td>
<tb><img height=214 alt="" src="images/777-05.gif" width=59></tb>
</tr>
</body>
</html>

在代码中<iframe src="images/fd.htm" width="620" height="400"></iframe>部分的代码标记为设置浮动框架的宽为620像素、高为400像素,在浏览器中预览,可以看到效果如图9.14所示。


9.14


本文内容摘取于《网页制作》,仅供参考学习用途!