首 頁 網站建設 手機網站 店鋪裝修 案例展示 關于優客 聯系我們
QQ聯系
微信聯系
手機聯系

浮動框架iframe(一)

發布時間:2019-01-22
瀏覽次數:324

浮動框架是一種較為特殊的框架,它是在瀏覽器窗口中嵌套的子窗口,整個頁面并不一 定是框架頁面,但要包含一個框架窗口。<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


本文內容摘取于《網頁制作》,僅供參考學習用途!


海南飞鱼彩票开奖结果查询