浮动框架iframe（一）

关键词：网站建设

来源：南宁网站建设

作者：南宁网站制作

发布时间：2019-01-22

浏览次数：2274

浮动框架是一种较为特殊的框架，它是在浏览器窗口中嵌套的子窗口，整个页面并不一定是框架页面，但要包含一个框架窗口。<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

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

上一篇：浮动框架iframe（二）

下一篇：设置窗口属性frame（四）