0
点赞
收藏
分享

微信扫一扫

框架設定


框架設定

讓您的HTML 文件在Browser 上可以分割成多塊,而且具有捲軸。

基本框架

  • <FRAMSET>...</FRAMSET>
  • FRAMESET 不可以和 BODY.../BODY 同時存在,同時存在時那一個寫在前在前,哪一個生效。
  • 水平分割視窗
  • <FRAMSET ROWS= > 決定上下共分為幾個視窗
  • 垂直分割視窗
  • <FRAMSET COLS= > 決定左右共分為幾個視窗
  • 分割大小
  • ROWS=和COLS=填的不是分割數,而是直接填入每個分割視窗的大小,數值和數值之間用逗號隔開即可。 而填入的數字可為「點數」「百分比」「大小比」如:

<FRAMSET ROWS=100,200,300>

固定大小為100點200點和300點

或 分割完成視窗後要指定每個視窗所要顯示的內容,語法如:

<FRAMSET SRC=顯示的文件名稱> 您可以指定一份文件或一個圖案在視窗中

<title>基本框架</title>
<frameset cols=15%,50%,*>
<frame src="h-1.htm" name=f1>
<frame src="h-2.htm" name=f2>
<frame src="h-3.htm" name=f3>
</frameset>

框架設定_html

視窗的巢狀結構

所謂巢狀結構,只是要在視窗中再分割視窗的方法而己。   像是寫程式中的for...next中又有for..next一樣。要注意的是順序。將上一個例子再加以修改,第一個視窗再分割成兩個視窗,同樣的第三個視窗也再分為兩個視窗,這結構就是巢狀視窗結構。

<title>巢狀結構</title>

<frameset cols=15%,50%,*>

<frameset rows=30%,*>

    <frame src="h-1.htm" name=f1>

    <frame src="h-2.htm" name=f2>

</frameset>

<frame src="h-3.htm" name=f3>

<frameset rows=70%,*>

    <frame src="h-4.htm" name=f4>

    <frame src="h-5.htm" name=f5>

</frameset>

</frameset>

框架設定_html_02

 

指定新文件到分割的視窗

一般而言,要是網站的設計之中有某些部份是每頁都必需顯示的,好比選單之類的,那麼使用分割視窗可以減少許多撰寫 HTML 文件的麻煩,因為同樣的選單部份不必每份文件都撰寫,這麼一來,使用分割視窗可以讓整個製作變的簡單許多。我們必需在宣告分割視窗時對每個視窗加以命名,然後在超連結時使用 target 標籤指定顯示文件的視窗名稱即可。

<title>分割視窗</title>

<frameset cols=15%,*>

<frame src="f-menu.htm" name=menu>

<frame src="f-main.htm" name=f3main>

</frameset>

框架設定_基本框架_03

 

f-menu.htm

<a href=h-1.html target=f3main>h-1.html</a>

<a href=h-2.html target=f3main>h-2.html</a>

<a href=h-3.html target=f3main>h-3.html</a>

<a href=h-4.html target=f3main>h-4.html</a>

<a href=h-5.html target=f3main>h-5.html</a>

框架設定_基本框架_04

举报

相关推荐

0 条评论