9 walker studio-9w個人設計工作室
Google
.網頁設計接案業務
.加入GForce手機娛樂聯盟

.基礎HTML教學
.CSS樣式表教學
.基礎JAVASCRIPT教學
.JAVASCRIPT收集
.自製ASP程式下載
.色彩英文名對照
.16進位色碼對照一
.16進位色碼對照二
.可愛包子動畫圖庫
.MSN表情小圖示下載
.9W2U-1024X768桌布下載

.GForce付費手機遊戲
.免費遊戲房
.免費線上遊戲房
.免費檔案報報
.免費資源報報
.網站漫遊報報
.多國語言字母發音表

因網友留言內容
含成人色情內容
討論區即時停止運作
不便之處敬請見諒
● LOGO交換登錄
● 和我們連絡

 友站及其它連結
刑事警察局網際網路資訊站
591租屋網站
反毒害大聯盟
台灣認養地圖
KTzone日記, 論壇
::S.H.E 青春組織國際後援會::
基礎HTML教學
Hyper Markup Language

01 HTML簡介 10 分割畫面(Frameset)
02 HTML文件的基本架構及指令 11 超鏈結(Hyper Link)
03 製作第一份HTML文件 12 拋錨(Anchor)
04 網頁背景(Background) 13 表單(Form)
05 控制標題字元大小及字型指令 14 跑馬燈Internet Exploer專用
06 使用CSS控制字元屬性 15 文字編排
07 表格的運用(Table) 16 Meta 指令運用
08 清單(List) 17 標註指令列表
09 加入圖片
18 其他

10、分割畫面(Frameset )
關於分割畫面,我們由以下例子看起:

<html>
<head>
<title>FRAMESET測試</title>
</head>
<frameset rows="50%,50%">
 <frameset cols="30%,70%">
   <frame src="frame1.htm" name="upleft">
   <frame src="frame2.htm" name="upright">
 </frameset>
 <frameset cols="40%,60%">
   <frame src="frame3.htm" name="downleft">
   <frame src="frame4.htm" name="downright">
 </frameset>
</frameset>

<noframe> <body bgcolor=#ffffff> <center> 如果您看到這個訊息,表示您用的browser未支援frame,請趕快昇級, 不然您就落伍了!! </center> </body> </noframe> </html>
說明如下,請以顏色對照著看:
  1. <frameset rows="50%,50%"> 這一串指令的意思是我們要將畫面分割成上下兩個視窗, 其中上面視窗占整個畫面的50%,下面視窗占整個畫面的50%, 指令裡rows的意思是列,也就是水平分割的意思。
  2. <frameset cols="30%,70%"> 這一串指令的意思是我們要將上半部視窗再分割成左右兩個視窗, 其中左邊視窗占30%,右邊視窗占70%,指令裡cols的意思是欄, 也就是垂直分割的意思。
  3. <frame src="frame1.htm" name="upleft"> 其中src的意思在於定義左上半部視窗出現的第一個檔案,也就是 frame1.htm,而name則在於將這個視窗命名為upleft ,當然這個名字可隨您高興,其主要用意在於方便我們將某個檔案 link到這個視窗來。
  4. <frameset cols="40%,60%"> 這一串指令的意思是我們要將下半部視窗再分割成左右兩個視窗, 其中左邊視窗占40%,右邊視窗占60%,指令裡cols的意思是欄, 也就是垂直分割的意思。
  5. <noframe></noframe>
    這是為了不支援frame的瀏覽程式而設定的, 如果訪客用的瀏覽器不支援frame語法,則frameset的語法會被忽略,在 <noframe> </noframe> 堶悸澈令便會被瀏覽器執行;反過來說,若訪客使用有支援frame語法 的瀏覽器觀看本文件,則<noframe> </noframe> 堶悸澈令便會被忽略。
範例19輸出結果



本站內容屬私人所有 請勿任易轉載 如須轉載 請通知本站
本站所鏈結標題及鍊結內容 皆歸原權利人所有
網站內容如有任何侵權 亦請通知本站刪除 謝謝!

Power by 9 Walker Studio
本站內容屬私人所有 請勿任易轉載 如須轉載請通知本站