框架及表單的使用



FRAMESET標籤介紹
<FRAMESET>...</FRAMESET>
<FRAMESET>標記的功能是宣告一個框架的開始與結束。在使用FRAMESET標籤時, 是將原本的BODY的宣告改成由FRAMESET來取代,在一份HTML文件之中,是不能同時宣告有BODY 與FRAMESET兩個標籤的。FRAMESET其屬性如下:
ROWS:ROWS設定是指將目前瀏覽器視窗劃分成幾個橫排的窗框, ROWS="X1,X2,...",其中Xn為窗框的數量,用百分比來分配。例如:<FRAMESET   ROWS="40%,60%">
也可以用*代表剩下的寬度: <FRAMESET   ROWS="40%,*">
COLS:COLS設定是指將目前瀏覽器視窗劃分成幾個直排的窗框, COLS="X1,X2,...",其中Xn為窗框的數量,用百分比來分配。例如:<FRAMESET   COLS="40%,40%,20%"> 或者<FRAMESET   COLS="40%, 2*, *">
FRAMESPACING:FRAMESPACING是用來設定窗框分界邊條的寬度,其單位為。例如:<FRAME   FRAMESPACING="4">

<FRAME>...</FRAME>
<FRAME>標記的功能是宣告一個框架的內容。在使用FRAME標籤時必須介於 <FRAMESET>與</FRAMESET>之間。FRAME其屬性如下:
SRC: SRC指定置於該FRAME的文件來源。 例如:<FRAME   SRC="test.htm">
NORESIZE: NORESIZE設定是指將目前的窗框設為固定大小,其他人在瀏覽器上就無法用滑鼠拖移來改變其大小
例如:<FRAME   NORESIZE>
SCROLLING: SCROLLING是指設定目前瀏覽器視窗的捲動軸
其型態有三種,SCROLLING=" "。
MARGINWIDTH: MARGINWIDTH是用來設定文件內容顯示時,與窗框左右邊界應預留的空白距離,其單位為
例如:<FRAME   MARGINWIDTH="10">
MARGINHEIGHT:MARGINHEIGHT是用來設定文件內容顯示時,與窗框上下邊界應預留的空白距離,其單位為
例如:<FRAME   MARGINHEIGHT="20">
FRAMEBORDER: FRAMEBORDER是用來設定窗框的邊條是否要顯示,它只有10兩個選擇,瀏覽器的設定是1
例如:<FRAME   FRAMEBORDER="0">就是不顯示框邊。
BORDERCOLOR: BORDERCOLOR是用來設定窗框分界邊條上的顏色,其用法就與之前的顏色設定用法相同。


練習一:框架的分割設定其載入檔案FRAMESPACING


練習二:NORESIZESCROLLING的使用


練習三:MARGINWIDTHMARGINHEIGHT的使用


值得注意的是,FRAMESET的設計可以是巢狀的,換言之,就是在一個FRAMESET的宣告裡面,還有FRAMESET 的宣告,而此一子FRAMESET的頁面空間分配的範圍,是以父FRAMESET分配給其之空間為限。

練習四:FRAMEBORDERBORDERCOLOR的使用




FRAME與LINK的結合
FRAME還有一個屬性叫做NAME,用來設定框架名稱,以便讓連結指定使用,即為前面提過的TARGET,其格式如右: <FRAME   NAME="XXXX">XXXX為自訂的名稱。再以 <A   HREF="*****.***"   TARGET="XXXX">...</A>來指定目標。TARGET除了 可以指向FRAME中定義的NAME之外,它還可以有另一種用法如下:

TARGET=" "。

練習五:FRAMELINK的合用


<IFRAME>...</IFRAME>
IFRAME是一個特殊的框架結構,它像是一張圖片一般可以安排在視窗中的任何一個地方,它異於一般的框架的使用方式, 反而和圖片的屬性及使用方法較接近,且其屬性都是以前介紹過的,在此我只將之列出,而不做特別的說明。其屬性有: SRC、NAME、ALIGN、FRAMEBORDER、MARGINWIDTH、MARGINHEIGHT、SCROLLING、WIDTH及HEIGHT。

練習六:IFRAME的使用


到下一頁