|
【類別】:網路資源 → 網頁*教學 |
線上諮詢 |
19108人觀看 |
|
回 網頁*教學 |
|
|
分 割 框 架 設 定 |
|
|
作 者:JAVA博物館
其實分割框架,也就是所謂的分割視窗、分割畫面等....名稱,可以簡單快速的瀏覽網頁,例如您的網頁是非常多的話,那建議您使用來放置網頁資料,以免造成瀏覽者的不便,一般是設定為主選單、顯示畫面內容各一個視窗,如果須要更多的視窗,可依自己的創意去設定
1. 首先,製作一準備分割框架的網頁
<html>
<head>
<title>分割框架 → 空白的網頁</title>
</head>
</html>
2. 現在開始動手分割了喔!我先將畫面分成左右兩邊視窗
<html>
<head>
<title>分割框架 → 左右分割視窗</title>
</head>
<frameset cols="130,*">
<frame src="1.html" name="a">
<frame src="2.html" name="b">
</html>
上面的分割框架代表→左右分割視窗,左視窗為 130 點,右視窗大小會隨視窗大小而變,這樣子就完成左右分割框架,當然上下分割視窗寫法也是一樣
注意 cols 代表→左右分割視窗
更改 rows 代表→分割上下視窗
視窗大小也可用百分比來表示,例如:cols="30%,70%"
上面分割框架原始碼中,可加入其他標籤參數:
1. 框架與框架的標籤參數說明
<frameset cols="130,*" frameborder=0 framespacing=5>
這是左右分割框架大小的原始碼,我是否增加籃色部份了!
cols="130,*" → 代表左右分割視窗大小設定
frameborder=0 → 代表設定框架的框線,設定只有 0 和 1,0 就是不要有框線,
1就是要有框線,我認為不要有框線看起來較漂亮
framespacing=5 → 代表設定兩視窗之間的距離,避免兩視窗看起來較擠
2. 視窗內容標籤參數說明
<frame src="1.html" name="a" scrolling="no" >
這是左右分割視窗的原始碼,我是否增加籃色部份了!
src="1.html" → 設定此視窗中要顯示的網頁檔案
name="a" → 設定此視窗的名稱
scrolling="no" → 設定此視窗是否要顯示捲軸,yes 表示要顯示捲軸,no 表示不
要顯示捲軸,auto 表示視情況顯示捲軸 |
|
|
※小叮嚀:投稿或引述文章內容請記得註明出處,以示尊重其著作財產權利,倘有疏漏之處也歡迎來信指教,謝謝。
|
|
|
投稿信箱 |
補充意見 |
|
|
門店升級雲端服務 →全門市 電子e化無紙作業系統← 適合*通訊行*醫美診所*實體門市 |
https://test.fixs3c.com
|
[推薦評價好店]-
4C快修連鎖門市
專業維修買賣 - 筆電 + 手機 + 電腦 + Iphone + Ipad
新北汐止店
(02) 7751-9182
新北市汐止區福德一路86巷22號
汐止修手機.汐止修iphone.汐止修ipad.汐止修筆電.汐止修電腦
新北板橋店
(02) 8257-3990
新北市板橋區四維路137巷10號
板橋修手機.板橋修iphone.板橋修ipad.板橋修筆電.板橋修電腦
桃園大溪店
(03) 387-4353
桃園市大溪區中華路210號
大溪修手機.大溪修iphone.大溪修ipad.大溪修筆電.大溪修電腦
台中市區店
(04) 2201-1289
台中市南區台中路140號
台中修手機.台中修iphone.台中修ipad.台中修筆電.台中修電腦
|
|
王師父專業牆壁切孔鑽孔引孔工程服務
牆壁鑽孔切割,牆面引孔鑽孔,地板鑽孔切割
台北鑽孔切割
三重鑽孔切割
新莊鑽孔切割
板橋鑽孔切割 |
|