|
|
|---|
| 常見瀏覽視窗型式 | ||||
| 左【右】分割 | 上【側】分割 | 上【中】下分割 | 上【下】分割 | 整頁型 |
 |
 |
 |
 |
 |
| 模式一 | 模式二 | 模式三 | 模式四 | 模式五 |
| 按上面圖示可查看詳細圖解及原始碼 | ||||
| 分割 (多欄) 視窗基本 HTML 架構： |
|
<HTML> 以下紅色文字均屬 HTML 基本語法 <HEAD> <TITLE>【分割視窗】</TITLE> </HEAD> <FRAMESET ROWS(COLS)="X1,X2,X3....)"> 分割視窗的開始宣告及開窗方式的屬性設定 <FRAME NAME="命名" SRC="檔名1.副檔名"> 第一個 (X1) 分割視窗檔案 <FRAME NAME="命名"SRC="檔名2.副檔名"> 第二個 (X2) 分割視窗檔案 </FRAMESET> 分割視窗的結束宣告 <NOFRAMESET> 不支援分割視窗的開始宣告 <BODY> <P>本網頁使用分割視窗，您的瀏覽器並不支援本功能.</P> 當瀏覽器不支援分割視窗時會顯示的文字 </BODY> </NOFRAMESET> 不支援分割視窗的結束宣告 </HTML> 這裡其實可將 <BODY>...</BODY> 及 <NOFRAMESET>...</NOFRAMESET> 省略 |
| 各主要分割視窗的相關屬性介紹： |
| FrameSet 標籤及屬性：分割視窗的開始(結束)宣告及開窗方式的屬性設定 |
|
Row="x1,x2,x3...." 單位 pixel 或 % ，每一列 (Rows) 用一個數字，將視窗上下分割使用 (詳參模式三、四) Cols="x1,x2,x3..." 單位 pixel 或 % ，每一欄 (Cols) 用一個數字，將視窗左右分割使用 (詳參模式一)。 Rows、Cols，使用 % 來定義尺寸，會跟隨視窗縮放 (詳參模式二)。 Rows、Cols，使用 pixel 來定義尺寸，不隨視窗縮放 (固定不變) (詳參模式三)。 Row & Cols 可交叉或混合使用，惟每一組分割個視窗均需加 <FrameSet Rows (Cols)=.....> (詳參模式二)。 Frameborder="N" 內定 (1) 有邊框線條，設 0 就會去掉，IE & NS Browser 粗細不一樣哦。 但 NS 加入 border=0 就一樣了。 FrameSpacing="N" 單位 pixel，表分界邊框粗細 (僅 IE 有支援) BorderColor="#RRGGBB"單位色碼 (#00ff00)，表分界邊框顏色。 Noresize 無屬性值，表視窗大小不可手動調整 (在 Frame 的用法亦同)。 |
| Frame 標籤及屬性：內分割視窗的開始宣告 (無須結束標籤) 及窗框內容等的屬性設定 |
|
Name="英文文字" 為本視窗網頁自訂一個名稱 (如：Body )，好讓別人呼叫 (Link) 您。 Src="URL" 您要指定開啟的網頁路徑及檔名 (如：nemu.htm )。 MarginHeight="N"、MarginWidth="N" 單位 pixel，設定該視窗的邊緣上面及左右距離 (僅 IE 有支援)。 Scroll="Yes/No/Auto" 設定該視窗的捲軸是否可以捲動，內定 (Auto) 可以捲動。 Noresize 無屬性值，表視窗大小不可手動調整(同 FrameSet 用法)。 |
| Target="_" 標籤及屬性：這個在這裡很重要，他指定要在那一個分割視窗開啟網頁及方式 |
|
"_Top" 這表示將本身的分割視窗頁關閉並在原處開啟一個單頁的網頁。 "_Self" 這表示在自己本頁(分割視窗)內切換，與不加 Target 同。 "_Blank" 這表示會重新開啟一個新的視窗，而後續使用同參數 ("_Blank") 時亦會產生另一個新的。 "_New" 這表示會重新開啟一個新的視窗，而後續使用同參數 ("_New") 時會蓋掉前面那個視。 "_Parent" 這表示父子關係，也就是您會開啟前一個視窗網頁，與 "_top" 相近。 |
| 其他標籤：基本上這些學會了，下次您看到有關視窗語法，保證很清楚別人是如何作到的。 |
|
多欄視窗也可以像其他 HTML 標籤一樣，使用巢狀包覆。 IE Browser，另有一個很棒的懸浮標籤 (IFrame)，用法差不多，可惜的是 NS Browser 做不到呀。 這次資料太多了，這些特殊標籤用的比較少，等下次再詳說吧；這也要請大家幫我繼續支持下去哦。 |
|
注意事項： 這裡使用英文大寫開頭(如 MarginHeight)，是讓您瞭解他的意思，比較好記些。 IE V.S NS Browser，這兩個瀏覽器老大，始終未能同一規範，您使用時得多小心些。 這篇報導文章，我發了一整天才完成，是否比您看過的書本，講的還清楚吧，請珍惜使用。 您可使用上面這個範例，比照研讀資料，我想對初學者一定很有助益。 使用標籤中屬性的參數設定時，最好養成加入雙引號習慣，如 Cols="100%,*"。 分割視窗在網頁中有很不錯的應用方式，以後我會向各位繼續介紹，敬請等候。 |
|
如何完整取得所有資料： 如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。 凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。 詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。 |
|
結論與建議： 本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。 本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。 強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。 本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。 一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。 本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。 本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。 |