網(wǎng)站制作9.多視窗口框架

《網(wǎng)站制作9.多視窗口框架》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、9-1框架的含義和基本構(gòu)成框架就是把一個(gè)瀏覽器窗口劃分為若干個(gè)小窗口，每個(gè)窗口可以顯示不同的URL網(wǎng)頁(yè)。使用框架可以非常方便的在瀏覽器中同時(shí)瀏覽不同的頁(yè)面效果，也可以非常方便的完成導(dǎo)航工作。而所有的框架標(biāo)記　要放在一個(gè)html文檔中。html頁(yè)面的文檔體標(biāo)簽被框架集標(biāo)簽所取代，然后通過(guò)的子窗口標(biāo)簽定義每一個(gè)子窗口和子窗口的頁(yè)面屬性。語(yǔ)法格式：

2、esrc="url地址2">......Frame子框架的src屬性的每個(gè)URL值指定了一個(gè)html文件（這個(gè)文件必須事先做好）地址，地址路徑可使用絕對(duì)路徑或相對(duì)路徑，這個(gè)文件將載入相應(yīng)的窗口中?？蚣芙Y(jié)構(gòu)可以根據(jù)框架集標(biāo)簽的分割屬性分為3種：左右分割窗口上下分割窗口嵌套分割窗口9-2框架集控制的屬性屬性描述border設(shè)置邊框粗細(xì),默認(rèn)是5象素.bordercolor設(shè)置邊框顏色frameborder指定是否顯示邊框：

3、"0"代表不顯示邊框，"1"代表顯示邊框cols用"象素?cái)?shù)"和"%"分割左右窗口,"*"表示剩余部分rows用"象素?cái)?shù)"和"%"分割上下窗口,"*"表示剩余部分framespacing="5"表示框架與框架間的保留空白的距離noresize設(shè)定框架不能夠調(diào)節(jié)，只要設(shè)定了前面的，后面的將繼承?左右分割窗口屬性：cols如果想要在水平方向?qū)g覽器分割多個(gè)窗口，這需要使用到框架集的左右分割窗口屬性cols.分割幾個(gè)窗口其cols的值就有幾個(gè)，值的定義為寬度，可以是數(shù)字(單位為像素)，也可以是百分比和剩余值。各值之間用

4、逗號(hào)分開。其中剩余值用"*"號(hào)表示，剩余值表示所有窗口設(shè)定之后的剩余部分，當(dāng)"*"只出現(xiàn)一次時(shí)，表示該子窗口的大小將根據(jù)瀏覽器窗口的大小自動(dòng)調(diào)整，當(dāng)"*"出現(xiàn)一次以上時(shí)，表示按比例分割剩余的窗口空間。cols的默認(rèn)值為一個(gè)窗口如：將窗口分為40%，40%，20%　　將100像素以外的窗口平均分配　　　將窗口分為三等份2.

5、上下分割窗口屬性：rows上下分割窗口的屬性設(shè)置和左右窗口的屬性設(shè)定是一樣的，參照上面所述就可以了。9-3子窗口標(biāo)簽的設(shè)定是個(gè)單標(biāo)簽,標(biāo)簽要放在框架集frameset中,設(shè)置了幾個(gè)子窗口就必須對(duì)應(yīng)幾個(gè)標(biāo)簽，而且每一個(gè)標(biāo)簽內(nèi)還必須設(shè)定一個(gè)網(wǎng)頁(yè)文件（src="*.html",其常用屬性有:常用屬性屬性描述src指示加載的url文件的地址bordercolor設(shè)置邊框顏色frameborder指示是否要邊框,1顯示

6、邊框，0不顯示（不提倡用yes或no）border設(shè)置邊框粗細(xì)name指示框架名稱,是連結(jié)標(biāo)記的target所要的參數(shù)noresize指示不能調(diào)整窗口的大小,省略此項(xiàng)時(shí)就可調(diào)整,scorlling指示是否要滾動(dòng)條,auto根據(jù)需要自動(dòng)出現(xiàn),Yes有,No無(wú)marginwidth設(shè)置內(nèi)容與窗口左右邊緣的距離，默認(rèn)為1marginheight設(shè)置內(nèi)容與窗口上下邊緣的邊距，默認(rèn)為1width框窗的寬及高默認(rèn)為width="100"height="100"align可選值為left,right,top,middle,b

7、ottom?子窗口的排列遵循從左到右，從上到下的次序規(guī)則。一、窗口的左右設(shè)定：實(shí)例一sl9-1.html首先我們新建一個(gè)文件夾，然后做四個(gè)要放到子窗口中的頁(yè)面，sl1.html、sl2.html、sl3.html、sl4.html。

8、2.html">二、窗口的上下設(shè)定實(shí)例二sl9-2.html