HTML學習 框架

2021-04-06 12:40:46 字數 2385 閱讀 3213

框架(frame)也就是所謂的分割視窗、分割畫面、框窗效果(還真是五花八門),這個技巧在運用上問題比較多,用的好的話,有助於網友快速且有條理的瀏覽網頁,運用不好的話,呵呵...那笑話可就鬧大了。

框架的基本概念

首先,各位先看看右手邊這張圖,我們將利用這張圖來作解說,這樣子,講起來可能會清楚一點。ok!我們可以看見,右邊的這個視窗,一共分為1 、2 、3 三個框架,每乙個框架,各有其顯示的內容分別是a.htm、b.htm、c.htm三個檔案。然而左下角的那個index.htm 是做什麼用的呢?

原來,左下角的這個檔案 index.htm,就是要告訴計算機,我們要將畫面分割成這樣,也就是說,所有frame的卷標,其實都只擺在 index.htm 這個檔案裡。(當然,不是檔名一定要叫做 index.htm 取其它檔名也是可以的。)

這樣明白了嗎?總之,您要分割幾個框框,就一定會有幾個對應的html檔案(假如您要分割100個框框,就要有100個html檔就對了。),另外,還會多乙個檔案是來告訴計算機要如何分割的。(也就是例中的 index.htm 檔啦!)

開始分割

分割視窗可是一門學問,要分割也是要一步一步來的。看看剛剛那例子,想象畫面是乙個蛋糕,你要怎麼割,才能割成那樣呢?

各位會發現,奇怪,在上面的語法中,怎麼都沒見到熟悉的身影?呵呵...沒錯,它已經被待會兒要加進去的卷標給取代了!也就是說,如果我們要分割畫面,就要先用卷標告訴計算機說:『喂!我要開始分割了!』此時,是派不上用場的,所以躲到一旁涼快去了!

現在開始動手割割看囉!我們先將畫面分成左右兩邊(左邊就是框窗1了,右邊就暫定為2,等一下還要分割呢!)

在中,我們要告訴計算機到底是要左右分(cols)?還是上下分(rows)。一開始我們是左右分,所以我們寫成。cols="120,*" 就是說,左邊那一欄強制定為120點,右邊則隨視窗大小而變。除了直接寫點數外,我們亦可用百分比來表示,例如cols="20%,80%"也是可以的。

然後,再將右邊的框窗再割成上下兩個畫面(也就是框窗2和3了)。

原本的在第3 點的語法中)被另一組所取代了!所以要注意喔!第二組是被第一組所包圍起來的喔!

其實只要將最後完成的那些語法存成index.htm,然後再準備三個檔 a.htm 、b.htm 、c.htm那麼就完成了。

cols="120,*"

就是垂直切割畫面啦!你可以一次切成左右兩個畫面,當然也可以切成三個,很簡單只要寫成 cols="30,*,50" (數字隨便您自己調整啦!),依此類推,四個以上當然就是四組數字啦!

rows="120,*"

就是橫向切割畫面,也就是將畫面上下分開,切法同上。

frameborder=0

設定框架的邊框,其值只有0和1 ,0就是不要邊框, 1就是要顯示邊框。邊框是無法調整粗細的。

framespacing=5

表示框架與框架間的保留空白的距離,以免看起來太擠。

src="a.htm"

設定此框架中要顯示的網頁名稱,每個框架一定要對應乙個網頁,否則就會產生錯誤,這裡就是要您填入對應網頁的名稱。(如果該網頁在不同目錄,記得路徑要寫清楚)

name="1"

設定這個框架的名稱,這樣才能指定框架來作鏈結,所以一定要設定喔!當然名稱隨你高興取名。

frameborder=0

設定框架的邊框,其值只有0和1 , 0就是不要邊框,1就是要顯示邊框。邊框是無法調整粗細的。

scrolling="no"

設定是否要顯示滾動條,yes是要顯示滾動條,no是無論如何都不要顯示,auto是視情況顯示。

noresize

設定不讓使用者可以改變這個框框的大小,如果沒有設定這個引數,使用者可以很容易的拉動框架,改變其大小。

marginhight=2

表示框架高度部份邊緣所保留的空間。

marginwidth=2

表示框架寬度部份邊緣所保留的空間。

使用方法:

請換有支援frame功能的瀏覽器

卷標解說:有些瀏覽器較為老舊,無法顯示frame的功能,因此,就要使用此卷標,讓這些網友知道,該換換瀏覽器了。或者,你也可以在這捲標中,擺上沒有frame語法的網頁卷標,那麼,沒有支援frame功能的瀏覽器,便會自動顯示沒有frame語法的網頁。

target=框窗名稱

使用方法:

target=3>顯示內容

卷標解說:常常有乙個情況是,我想在框窗1的地方按下鏈結,但是希望他的內容出現在框窗3中(請參照上面那個圖),那應該如何寫呢?就像上面加個target=框窗名稱 就行啦!

target=_top

使用方法:

target=_top>鏈結名稱

卷標解說:有時候,在框窗裡會鏈結到別的站,卻發現,新鏈結的這個站,竟然被框窗包住了,不但難看,而且可能會吃上官司說!所以,這時候你必需加入target=_top這個引數,那麼,這個新連到的**,就會重新佔據整個螢幕啦!

html 框架學習

前情提要。之前看到時候一帶而過,最近碰上個問題。比方說,a.html使用表單上傳檔案到b.php,b.php會返回乙個json格式的陣列arr,但我又需要將這個arr傳給另乙個c.php處理。怎麼才能使c.php接收到這個arr呢?一開始我想是a.html將先將資訊傳給c.php,再由c.php使用...

HTML學習(七) 框架

網頁瀏覽器其實就是乙個單一的框架,通過html標記的加入,我們可以將該單一框架分割成多個框架,並在每個框架中顯示指定的網頁。用來宣告設定多框架結構 注意,使用標記時要刪除標記,二者不可共存 標記有如下屬性名稱 屬性名稱 設定值說明 cols 畫素將網頁分割成並列排布的多個框架 百分比rows 畫素將...

html 框架 內聯框架

框架的作用 可以在瀏覽器同時顯示不止乙個html頁面。乙個html文件也叫做乙個框架。垂直框架 設定視窗垂直排列顯示成一行 水平框架 設定視窗水平顯示為多行,將cols改為rows即可。noresize noresize 使得框架無法縮放 框架是可以巢狀 frame和body不能一起使用,但和bod...