?? html8.htm
字號:
<HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80"><META NAME="Generator" CONTENT="Microsoft Word 97"><TITLE>HTML語言教程之八：多窗口頁面(Frames)</TITLE><META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot"><link rel="stylesheet" href="../../cpcw.css"></HEAD><BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif"><table width="85%" border="0" align="center"> <tr bgcolor="#FFFFFF"> <td> <p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML語言教程之八：多窗口頁面(Frames)</b></font></font></p> <p align="JUSTIFY"></p> <hr> <center> <p></p> </center> <p><!--################## Frame ########################--><a name="frame"></a></p> <h2> 基本語法 </h2> <p><!------Basic-------></p> <h3><frameset> ... </frameset><br> <frame src="url"> <br> <noframes> ... </noframes></h3> <p>在 <noframes> 標記后的文字將只出現在不支持 FRAMES 的瀏覽器中。</p> <pre> <HTML> <HEAD> </HEAD> <FRAMESET> <FRAME SRC="url"> <NOFRAMES> ... </NOFRAMES> </FRAMESET> </HTML></pre> <p><!--################## Size ########################--><a name="size"></a></p> <h2> 各窗口的尺寸設置 </h2> <p><!------COLS-------></p> <h3><frameset cols=#></h3> 縱向排列多個窗口： <dl> <pre><frameset cols=30%,20%,50%><frame src="A.html"><frame src="B.html"><frame src="C.html"></frameset><a href="frame/cols.html"><font size=+2>示例</font></a></pre> </dl> <table width="100" height="120" > <tr> <td width=30 align=center>A </td> <td width=20 align=center>B </td> <td width=50 align=center>C </td> </tr> </table> <pre></pre> <p><!------ROWS-------></p> <h3><frameset rows=#></h3> 橫向排列多個窗口： <dl> <pre><frameset rows=25%,25%,50%><frame src="A.html"><frame src="B.html"><frame src="C.html"></frameset><a href="frame/rows.html"><font size=+2>示例</font></a></pre> </dl> <table width="100" height="120" > <tr> <td height=30 align=center>A </td> </tr> <tr> <td height=30 align=center>B </td> </tr> <tr> <td height=60 align=center>C </td> </tr> </table> <pre></pre> <p><!------COLS & ROWS-------></p> <h3>COLS & ROWS</h3> 縱橫排列多個窗口： <dl> <pre><frameset cols=20%,*><frame src="A.html"> <frameset rows=40%,*> <frame src="B.html"> <frame src="C.html"> </frameset></frameset><a href="frame/row_col.html"><font size=+2>示例</font></a></pre> </dl> <table width="100" height="120" > <tr> <td rowspan=2 align=center width=20>A </td> <td align=center height=48 width=80>B </td> </tr> <tr> <td align=center height=72 width=80>C </td> </tr> </table> <pre></pre> <p><!------No Resize-------></p> <h3>不允許各窗口改變大小 <frame noresize></h3> <dl> <dd>缺省設置是允許各窗口改變大小的。</dd> </dl> <pre></pre> <p><!--################## Frame Target ########################--><a name="target"></a></p> <h2> 各窗口間相互操作(Frame Target) </h2> <p><!------NAME-------></p> <h3>窗口標識(Frame Name) <br> <frame name=#><br> <a href=url target=#> </h3> <dl> <pre><frameset cols=50%,50%><frame src="A.html"><frame src="B.html" name="HELLO"></frameset><a href="frame/target.html"><font size=+2>示例</font></a></pre> </dl> <table width="100" height="120" > <tr> <td width=50% align=center>A </td> <td width=50% align=center>B </td> </tr> </table> <p><!------Special Target-------></p> <font color=RED size=+2>特殊的 4 類操作(很有用喔)</font><br> <h3> <a href=url target=_blank> 新窗口<br> <a href=url target=_self> 本窗口<br> <a href=url target=_parent> 父窗口<br> <a href=url target=_top> 整個瀏覽器窗口</h3> <p><a href="frame/target01.html"><font size=+2>示例</font></a> </p> <pre></pre> <p><!--################## Frame Appearance ########################--><a name="appear"></a></p> <h2> Frame 的外觀(Appearance) </h2> <p><!------BORDER-------></p> <h3>各窗口邊框的設置 <frame frameborder=#> #=yes, no / 1, 0</h3> <dl> <pre><frameset rows=30%,*><frame src="Acol.html" frameborder=1><frameset cols=30%,*> <frame src="Bcol.html" frameborder=0> <frame src="Ccol.html" frameborder=0></frameset></frameset><a href="frame/border.html"><font size=+2>示例</font></a></pre> (A 有邊框，B、C 沒有) </dl> <table width="100" height="120" frame="box" rules="rows" > <tr> <td height=36 colspan=2 align=center bgcolor=3333ff>A </td> </tr> <tr> <td height=84 width=30 align=center bgcolor=9999ff>B </td> <td height=84 width=70 align=center bgcolor=ffffff>C </td> </tr> </table> <p><!------Frame Spacing-------></p> <h3>各窗口間空白區域的設置 <br> <frameset framespacing=#> #=空白區域的大小 </h3> <dl> <pre><frameset rows=30%,* framespacing=100><frame src="Acol.html"><frameset cols=30%,*> <frame src="Bcol.html"> <frame src="Ccol.html"></frameset></frameset><a href="frame/space.html"><font size=+2>示例</font></a></pre> </dl> <table cellspacing=10 width="100" height="120" > <tr> <td height=36 colspan=2 align=center bgcolor=3333ff>A </td> </tr> <tr> <td height=84 width=30 align=center bgcolor=9999ff>B </td> <td height=84 width=70 align=center bgcolor=ffffff>C </td> </tr> </table> <p><!------Border Color-------></p> <h3>邊框色彩 <frameset bordercolor=#> </h3> <dl> <dd>#=rrggbb 16 進制 RGB 數碼, 或者是下列預定義色彩名稱：<br> <font color="#000000">Black</font>, <font color="#808000">Olive</font>, <font color="#008080">Teal</font>, <font color="#FF0000">Red</font>, <font color="#0000FF">Blue</font>, <font color="#800000">Maroon</font>, <font color="#000080">Navy</font>, <font color="#808080">Gray</font>, <font color="#00FF00">Lime</font>, <br> <font color="#FF00FF">Fuchsia</font>, <font color="#FFFFFF">White</font>, <font color="#008000">Green</font>, <font color="#800080">Purple</font>, <font color="#C0C0C0">Silver</font>, <font color="#FFFF00">Yellow</font>, <font color="#00FFFF">Aqua</font> </dd> </dl> <dl> <pre><frameset rows=30%,* bordercolor=red><frame src="Acol.html"><frameset cols=30%,*> <frame src="Bcol.html"> <frame src="Ccol.html"></frameset></frameset><a href="frame/color.html"><font size=+2>示例</font></a></pre> </dl> <table width="100" height="120" bgcolor="#FF0000" bordercolor="red" > <tr> <td height=36 colspan=2 align=center bgcolor=3333ff>A </td> </tr> <tr> <td height=84 width=30 align=center bgcolor=9999ff>B </td> <td height=84 width=70 align=center bgcolor=ffffff>C </td> </tr> </table> <p><!------MARGIN-------></p> <h3>頁面空白(Margin) <frame marginwidth=# marginheight=#></h3> <dl> <pre><frameset cols=50%,50%><frame src="A.html"><frame src="A.html" marginwidth=50 marginheight=50></frameset><a href="frame/margin.html"><font size=+2>示例</font></a></pre> </dl> <table width="100" height="120" border> <tr> <td width=50 align=center>AAAA </td> <td width=50 align=center>AA<br> AA </td> </tr> </table> <p><!------SCROLLBAR-------></p> <h3>卷滾條設置 <frame scrolling=#> #=yes, no, auto</h3> <dl> <dd>#=缺省值是 auto。 </dd> </dl> <pre></pre> <p><!--################## Floating Frame ########################--><a name="float"></a></p> <h2> 浮動窗口(Floating Frame)</h2> <p><!------Floating Frame-------></p> <h3><iframe src=# name=##> ... </iframe> <br> #=初始頁面的 URL<br> ##=<a href="#target">窗口標識</a>(Frame Name)<font size=+0>(之后可對此標識進行<a href="#target">各窗口間相互操作</a>)<br> </font>... = 此處文字將只出現在不支持 FRAMES 的瀏覽器中。</h3> <dl> <pre><center><iframe src="A.html" name="window"> Here is a Floating Frame</iframe><br><br><a href="A.html" target="window">Load A</A><BR><a href="B.html" target="window">Load B</A><BR><a href="Ccol.html" target="window">Load C</A><BR></center><a href="frame/iframe.html"><font size=+2>示例</font></a></pre> </dl> <table width="100" height="120" > <tr> <td> <center> <table width="50" height="30" > <tr> <td>Display A.html </td> </tr> </table> </center> <p><br> <u>Load A<br> Load B<br> Load C</u><br> </p> </td> </tr> </table> <div align="center"><a href="../homepage.htm"><font face="宋體" lang="ZH-CN">返回主頁</font></a><a href="html7.htm"> 上一節</a> <a href="html9.htm">下一節</a><br> <br> <font face="宋體" lang="ZH-CN"> </font></div> <font face="宋體" lang="ZH-CN"><p align="CENTER"><a href="http://www.cpcw.com">電腦報首頁</a> <a href="../index.htm">網絡學院首頁</a></p> </font></td> </tr></table></BODY></HTML>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -