📄 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 + -