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>
以下是我們的實際執行結果: