htmlframe框架
Ⅰ html中Frame與body的結構關系是什麼
frame是框架,body是網頁主體。看下面的代碼:
<html>
<head><title>主頁</title>
</head>
<frameset rows="100,*" cols="*" framespacing="0" frameborder="no" border="0" id=top >
<frame src="top1.html" name="topframe" scrolling="no" noresize id="topframe">
<frameset cols="176,*" framespacing="0" frameborder="no" border="0">
<frame src="menu.jsp" name="Menuframe" scrolling="yes" noresize id="Menuframe">
<frame src="workspace.html" scrolling="auto" name="main">
</frameset>
</frameset>
<noframes>
<body></body>
</noframes>
</html>
上面代碼把整個網頁分成了3個框架,上,左,右。而body在<noframes>里。
Ⅱ html 用frame做出如圖框架
<frameset rows="20%,60%,20%">
<frame />
<frameset cols="20%,*">
<frame />
<frame />
</frameset>
<frameset cols="50%,*">
<frame />
<frame />
</frameset>
</frameset>
Ⅲ 關於HTML的frame框架
添加frame框架內容就可以了,在設置裡面取消頁面跳轉。
Ⅳ html中框架(frame)的詳細使用方法
框架概念 :
所謂框架便是網頁畫面分成幾個框窗,同時取得多個 URL。只 要 <FRAMESET> <FRAME> 即可,而所有框架標記 要放在一個總起的 html 檔,這個檔案只記錄了該框架 如何劃分,不會顯示任何資料,所以不必放入 <BODY> 標記,瀏覽這框架必須讀取這檔 案而不是其它框窗的檔案。<FRAMESET> 是用以劃分框窗,每一框窗由一個 <FRAME> 標 記所標示,<FRAME>必須在 <FRAMESET> 范圍中使用。如下例:
<frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
</frameset>
此例中 <FRAMESET> 把畫面分成左右兩相等部分,左便是顯示 up2u.html,右邊則會顯示 me2.html 這檔案,<FRAME> 標記所標示的框窗永遠是按由上而下、由左至右的次序。
<FRAMESET> <FRAME> :
<FRAMESET> 稱框架標記,用以宣告HTML文件為框架模式,並設定視窗如何分割。
<FRAME> 則只是設定某一個框窗內的參數屬性。
<FRAMESET> 參數設定:
例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">
COLS="90,*"
垂直切割畫面(如分左右兩個畫面),接受整數值、百分數, * 則代表佔用餘下空 間。數值的個數代表分成的視窗數目且以逗號分隔。例如 COLS="30,*,50%" 可以 切成三個視窗,第一個視窗是 30 pixels 的寬度,為一絕對分割,第二個視窗是當 分配完第一及第三個視窗後剩下的空間,第三個視窗則占整個畫面的 50% 寬度 為 一相對分割。您可自己調整數字。
ROWS="120,*"
就是橫向切割,將畫面上下分開,數值設定同上。唯 COLS 與 ROWS 兩參數盡量 不要同在一個 <FRAMESET> 標記中,因 Netacape 偶然不能顯示這類形的框架,盡 採用多重分割。
frameborder="0"
設定框架的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。(避 免使用 yes 或 no )
border="0"
設定框架的邊框厚度,以 pixels 為單位。
bordercolor="#008000"
設定框架的邊框顏色。
framespacing="5"
表示框架與框架間的保留空白的距離。
<FRAME> 參數設定:
例子:<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
SRC="a.html"
設定此框窗中要顯示的網頁檔案名稱,每個框窗一定要對應著一個網頁檔案。你可 使用絕對路徑或相對路徑,有關此兩者詳見於【連結進階】。
NAME="top"
設定這個框窗的名稱,這樣才能指定框架來作連結,必須但任意命名。
frameborder=0
設定框架的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。(避 免使用 yes 或 no )
framespacing="6"
表示框架與框架間的保留空白的距離。
bordercolor="#008000"
設定框架的邊框顏色。顏色值請參考【HTML 剖析】。
scrolling="Auto"
設定是否要顯示卷軸,YES 表示要顯示卷軸,NO 表示無論如何都不要顯示, AUTO是視情況顯示。
noresize
設定不讓使用者可以改變這個框框的大小,亦沒有設定此參數,使用者可以很隨 意地拉動框架,改變其大小。
marginhight=5
表示框架高度部份邊緣所保留的空間。
marginwidth=5
表示框架寬度部份邊緣所保留的空間。
<NOFRAMES> :
當別人使用的瀏覽器太舊,不支援框架這個功能時,他看到的將會是一片空白。為了避免 這種情況,可使用 <NOFRAMES> 這個標記,當使用者的瀏覽器看不到框架時,他就會看 到 <NOFRAMES> 與 </NOFRAMES> 之間的內容,而不是一片空白。這些內容可以是提醒 瀏覽轉用新的瀏覽器的字句,甚至是一個沒有框架的網頁或能自動切換至沒有框架的版本 亦可。
應用方法:
在<frameset> 標記范圍加入 </NOFRAMES> 標記,以下是一個例子:
<frameset rows="80,*">
<noframes>
<body>
很抱歉,饋下使用的瀏覽器不支援框架功能,請轉用新的瀏覽器。
</body>
</noframes>
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
若瀏覽器支援框架,那堋它不會理會 <noframes> 中的東西,但若瀏覽器不支援框架,由 於不認識所有框架標記,不明的標記會被略過,標記包圍的東西便被解讀出來,所以放在 <noframes>范圍內的文字會被顯示。
<IFRAME> :
這標記只適用於 IE。 它的作用是在一頁網頁中間插入一個框窗以顯示另一個文件。它是 一個圍堵標記,但圍著的字句只有在瀏覽器不支援 iframe 標記時才會顯示,如<noframes> 一樣,可以放些提醒字句之類。通常 iframe 配合一個辨認瀏覽器的 Java Script 會較好,若 JavaScript 認出該瀏覽器並非 Internet Explorer 便會切換至另一版本。
<iframe> 的參數設定如下:
例子: <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">
src="iframe.html"
欲顯示於此框窗的文件來源除檔案名稱,必要加上相對或絕對路徑。
name="test"
此框窗名稱,這是連結標記的 target 參數所 要的,
align="MIDDLE"
可選值為 left, right, top, middle, bottom,作用不大
width="300" height="100"
框窗的寬及長,以 pixels 為單位。
marginwidth="1" marginheight="1"
該插入的文件與框邊所保留的空間。
frameborder="1"
使用 1 表示顯示邊框, 0 則不顯示。(可以是 yes 或 no)
scrolling="Yes"
使用 Yes 表示容許卷動(內定), No 則不容許卷動。
例子: 原始碼
<center> <iframe src="http://www.pce.com.cn/index.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1">
很抱歉,饋下使用的瀏覽器並不支援 IFrame,不能正常瀏覽我的網頁。</iframe>
</center>
frameset參數傳遞問題
左邊的條件參數如何傳,右邊才能接收
--------------------------------------------------------------------------------
對三個幀分別命名為:left.asp(顯示查詢條件的頁面,其中幀名為:left),top.asp,main.asp(顯示查詢結果的頁面,其中幀名為:main)
如:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>search</title>
</head>
<frameset rows="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="top.asp" name="top" scrolling="NO" noresize >
<frameset cols="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="left.asp" name="left" scrolling="NO" noresize>
<frame src="main.asp" name="main">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
在left的表單中寫成:
<form name="form1" method="post" action="main.asp" target="main">
......//你自己設計吧。
</form>
這樣就可以你的查詢條件傳給main.asp中了!
Ⅳ 我在html里用frame做了四個框架
<fram name="XXX" src="xxx" noresize="noresize" />
注意後面的noresize.把框架固定起來
Ⅵ html frame框架 頁面跳轉問題
比如你的左邊框架來名稱為自left,右邊框架名稱為main.
則在左邊的網頁里的超連接可以寫成這種形式:
<a target="main" href="new_page_1.htm">連接</a>
說明:target="main"中的"main"就是指的右邊框架。明白了嗎
Ⅶ html中frame有什麼用
不知道你說的是框架集(frameset)還是浮動框架(iframe)
框架集(frameset)下有frame;可以實現類似於windows資源管理器的效果。把整個頁面分成幾個框架,即多個frame.當你點擊左側的導航時,可以在右側窗口中顯示對應的內容。注意:每個frame對應顯示一個網頁內容。
浮動框架(iframe):是鑲嵌在一個網頁中的另一個網頁。相當網頁中又嵌套了一個窗口。
Ⅷ html frame框架 使用框架導航跳轉至指定的節
content.html代碼:
<html>
<body>
<a href ="/example/html/link.html" target ="showframe">沒有錨的鏈接</a><br />
<a href ="/example/html/link.html#C10" target ="showframe">帶有錨的鏈接</a>
</body>
</html>
link.html代碼:
<html>
<body>
<aname="C1"><h2>Chapter1</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C2"><h2>Chapter2</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C3"><h2>Chapter3</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C4"><h2>Chapter4</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C5"><h2>Chapter5</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C6"><h2>Chapter6</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C7"><h2>Chapter7</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C8"><h2>Chapter8</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C9"><h2>Chapter9</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C10"><h2>Chapter10</h2></a>
<p>Thischapterexplainsbablabla</p>
<aname="C11"><h2>Chapter11</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C12"><h2>Chapter12</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C13"><h2>Chapter13</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C14"><h2>Chapter14</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C15"><h2>Chapter15</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C16"><h2>Chapter16</h2>
<p>Thischapterexplainsbablabla</p>
<aname="C17"><h2>Chapter17</h2>
<p>Thischapterexplainsbablabla</p>
</body>
</html>
Ⅸ html frameset框架框架混合排列
<frameset rows="80%,*"> <!--主輪廓(上下結構) start1-->
<!--*************************************************************************-->
<frameset cols="18%,*"> <!--上面的大輪廓左右分 start2-->
<frame src="1_1.html"></frame>
<frameset rows="18%,*"><!--最小輪廓上下分 start3-->
<frame src="1_2_1.html"></frame>
<frame src="1_2_2.html"></frame>
</frameset><!--最小輪廓上下分 end3-->
</frameset><!--上面的大輪廓左右分 end2-->
<frame src="2.html"></frame>
<!--*************************************************************************-->
</frameset> <!--主輪廓(上下結構) end1-->
Ⅹ html頁面框架
html頁面框架可以分為內框架和外框架
外框架:多個獨立的頁面,組合成一個整體頁面
框架頁面:使用框架頁面,先把框架頁面中的body刪除
<frameset cols/rows=」」 frameborder=「」>
<frame src=「」 noresize="noresize">
<frame src=「」 noresize="noresize">
<frame src=「」 noresize="noresize">
.....
</frameset>
frameset:框架(外框架),把該頁面分割成若干個小區域
cols:頁面左右分割
Rows:頁面上下分割
Frameborder:骨架顯示/隱藏
Framse:該區域引入頁面
Src:引入頁面的路徑
Noresize: 固定相鄰2個區域的骨架
如果頁面分割完成後,對某一區域再進行分割,那麼把該區域所對應的frame刪除,改成frameSet標簽
內框架:一個整體頁面中的某一塊區域,獨立出來,放另外的單獨一個頁面
<iframe width=」」 height=」」 src=」」 frameborder=「」 name=「」></iframe>
Width:內框架寬度
height:內框架高度
Src:要放入網頁的路徑
Frameborder:邊框
Name:起名字