📄 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>
</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>
</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>
</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>
</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> </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>
</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>
</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>
</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>
</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>
</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="html1.htm">页面标记|</a>
<a href="html2.htm">字体标记|</a>
<a href="html3.htm">文字布局|</a>
<a href="html4.htm">图像标记|</a>
<a href="html5.htm">表单标记|</a>
<a href="html6.htm">表格标记|</a>
<a href="html7.htm">表格进阶|</a>
<a href="html8.htm">多窗口|</a>
<a href="html9.htm">移动文字|</a>
<a href="html10.htm">多媒体</a><br><a href="html7.htm">
上一节</a> <a href="start.html">首页</a> <a href="html9.htm">下一节</a><br>
<br>
</td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -