分割框架設定-台灣醫療網

正體簡體

2024 年 4 月 26 日

首頁

全國院所

站內資料庫

延伸瀏覽

最多瀏覽

【類別】：網路資源 → 電腦資源 → 網頁*教學

線上諮詢

22550人觀看

回網頁*教學

分割框架設定

作者：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 表示視情況顯示捲軸

※小叮嚀：投稿或引述文章內容請記得註明出處，以示尊重其著作財產權利，倘有疏漏之處也歡迎來信指教，謝謝。

投稿信箱

補充意見

[推薦評價好店]- 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.台中修筆電.台中修電腦

王師父專業牆壁切孔鑽孔引孔工程服務
牆壁鑽孔切割,牆面引孔鑽孔,地板鑽孔切割

台北鑽孔切割
三重鑽孔切割
新莊鑽孔切割
板橋鑽孔切割