1. 程式人生 > >html基礎知識——框架及其簡單的舉例

html基礎知識——框架及其簡單的舉例

語法:<frameset>

                 <frame/>

                 <noframe></noframe>

           </frameset>

框架是對當前頁面進行分割,使視窗分成N個小視窗,顯示不同的頁面。框架一般用於後臺的製作,前臺因為相容性問題所以並不推薦使用(瀏覽器顯示效果不同)。值得一說的是,框架結構網頁不能有body,文件總泵是frameset。。

<frameset/> 劃分用的, <frame/>這是用來顯示的。

下面我們介紹下frameset的屬性:

  rows:跨行劃分    值:劃分視窗的方式  

  例 :  rows:10,*       //上面10,其他都給下面

            rows:10,20,*       //上面10,中間20,其他是下面的

             rows:10,*,20     //上面10,下面20,其他給中間

而我們的 cols 則是按照左右的劃分,例:

cols:10,*       //左邊10,其他右邊

cols:20%,*,10           //左邊百分之20,右邊10,其他中間,

我們在劃分的時候通常是按照先上下,再左右的這個順序。

我們接下來做個實際 的例子給介紹 下,並將所學的知識應用到其中。

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>         <style>             *{margin:0px;padding: 0px;}         </style>     </head>     <body>         <table background="img/downland_150.jpg" width="100%" height="64">             <tr>                 <td><a href="day01.html"><img src="img/1.jpg" height="100%",width="100%"></a></td>                 <td valign="top"  ><br/><font color="#fff" size="2"><b>管理員:您好!感謝登陸使用!</b></font></td>                 <td valign="bottom"><a href="#"><img src="img/p10.jpg" width="45" height="25"/></a><br/><br/><br/></td>                 <td valign="bottom"><a href="#"><img src="img/p11.jpg" width="45" height="25"/></a><br/><br/><br/></td>             </tr>         </table>>     </body> </html>

以下是我們的實際執行結果: