📄 0044.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>多窗口页面</strong></big></p>
<div align="right">---摘自《网页设计师》</div>
<font color="#008000">
◇ 基本语法</font>
<p>
<frameset> ... </frameset><br>
<frame src="url"><br>
<noframes> ... </noframes>
<p>在 <noframes> 标记后的文字将只出现在不支持 FRAMES
的浏览器中。</p>
<pre> <HTML>
<HEAD>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<NOFRAMES> ... </NOFRAMES>
</FRAMESET>
</HTML></pre>
<p><!--################## Size ########################-->
<a name="size"></a></p>
<font color="#008000">
◇ 各窗口的尺寸设置</font>
<p><!------COLS------->
</p>
<frameset cols=#>
<p>纵向排列多个窗口：
<dl>
<pre><frameset cols=30%,20%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
<a href="../../www.gzsums.edu.cn/webclass/html/frame/cols.html">示例</a>
</pre>
</dl>
<table height="120" width="100">
<tbody>
<tr>
<td align="middle" width="30">A</td>
<td align="middle" width="20">B</td>
<td align="middle" width="50">C</td>
</tr>
</tbody>
</table>
<p> </p>
<p><!------ROWS------->
</p>
<frameset rows=#>
<p>横向排列多个窗口：
<dl>
<pre><frameset rows=25%,25%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
<a href="../../www.gzsums.edu.cn/webclass/html/frame/rows.html">示例</a>
</pre>
</dl>
<table height="120" width="100">
<tbody>
<tr>
<td align="middle" height="30">A</td>
</tr>
<tr>
<td align="middle" height="30">B</td>
</tr>
<tr>
<td align="middle" height="60">C</td>
</tr>
</tbody>
</table>
<p> </p>
<p><!------COLS & ROWS------->
</p>
COLS & ROWS
<p>纵横排列多个窗口：
<dl>
<pre><frameset cols=20%,*>
<frame src="A.html">
<frameset rows=40%,*>
<frame src="B.html">
<frame src="C.html">
</frameset>
</frameset>
<a href="../../www.gzsums.edu.cn/webclass/html/frame/row_col.html">示例</a>
</pre>
</dl>
<table height="120" width="100">
<tbody>
<tr>
<td align="middle" rowSpan="2" width="20">A</td>
<td align="middle" height="48" width="80">B</td>
</tr>
<tr>
<td align="middle" height="72" width="80">C</td>
</tr>
</tbody>
</table>
<p> </p>
<p><!------No Resize------->
</p>
不允许各窗口改变大小 <frame noresize>
<dl>
<dd>缺省设置是允许各窗口改变大小的。</dd>
</dl>
<p> </p>
<p><!--################## Frame Target ########################-->
<a name="target"></a></p>
<font color="#008000">
◇ 各窗口间相互操作(Frame Target)</font>
<p><!------NAME------->
</p>
窗口标识(Frame Name)<br>
<frame name=#><br>
<a href=url target=#>
<dl>
<pre><frameset cols=50%,50%>
<frame src="A.html">
<frame src="B.html" name="HELLO">
</frameset>
<a href="../../www.gzsums.edu.cn/webclass/html/frame/target.html">示例</a>
</pre>
</dl>
<table height="120" width="100">
<tbody>
<tr>
<td align="middle" width="50%">A</td>
<td align="middle" width="50%">B</td>
</tr>
</tbody>
</table>
<p><!------Special Target------->
</p>
<p> <font color="red" size="+2"></p>
<p>特殊的 4 类操作(很有用喔)</font><br>
</p>
<a href=url target=_blank> 新窗口<br>
<a href=url target=_self> 本窗口<br>
<a href=url target=_parent> 父窗口<br>
<a href=url target=_top> 整个浏览器窗口
<p><a href="../../www.gzsums.edu.cn/webclass/html/frame/target01.html">示例</font></a></p>
<p> </p>
<p><!--################## Frame Appearance ########################-->
<a name="appear"></a></p>
<font color="#008000">
◇ Frame 的外观(Appearance)</font>
<p><!------BORDER------->
</p>
各窗口边框的设置 <frame frameborder=#> #=yes, no / 1, 0
<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="../../www.gzsums.edu.cn/webclass/html/frame/border.html">示例</a>
</pre>
<p>(A 有边框，B、C 没有)</p>
</dl>
<table frame="box" height="120" rules="rows" width="100">
<tbody>
<tr>
<td align="middle" bgColor="#3333ff" colSpan="2" height="36">A</td>
</tr>
<tr>
<td align="middle" bgColor="#9999ff" height="84" width="30">B</td>
<td align="middle" bgColor="#ffffff" height="84" width="70">C</td>
</tr>
</tbody>
</table>
<p><!------Frame Spacing------->
</p>
各窗口间空白区域的设置<br>
<frameset framespacing=#> #=空白区域的大小
<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="../../www.gzsums.edu.cn/webclass/html/frame/space.html">示例</a>
</pre>
</dl>
<table cellSpacing="10" height="120" width="100">
<tbody>
<tr>
<td align="middle" bgColor="#3333ff" colSpan="2" height="36">A</td>
</tr>
<tr>
<td align="middle" bgColor="#9999ff" height="84" width="30">B</td>
<td align="middle" bgColor="#ffffff" height="84" width="70">C</td>
</tr>
</tbody>
</table>
<p><!------Border Color------->
</p>
边框色彩 <frameset bordercolor=#> <img alt="netscape.gif (168 bytes)" src="images/netscape.gif" width="80" height="14">
<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="../../www.gzsums.edu.cn/webclass/html/frame/color.html">示例</a>
</pre>
</dl>
<table bgColor="#ff0000" borderColor="red" height="120" width="100">
<tbody>
<tr>
<td align="middle" bgColor="#3333ff" colSpan="2" height="36">A</td>
</tr>
<tr>
<td align="middle" bgColor="#9999ff" height="84" width="30">B</td>
<td align="middle" bgColor="#ffffff" height="84" width="70">C</td>
</tr>
</tbody>
</table>
<p><!------MARGIN------->
</p>
页面空白(Margin) <frame marginwidth=# marginheight=#>
<dl>
<pre><frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html"
marginwidth=50
marginheight=50>
</frameset>
<a href="../../www.gzsums.edu.cn/webclass/html/frame/margin.html">示例</a>
</pre>
</dl>
<table border="1" height="120" width="100">
<tbody>
<tr>
<td align="middle" width="50">AAAA</td>
<td align="middle" width="50">AA<br>
AA</td>
</tr>
</tbody>
</table>
<p><!------SCROLLBAR------->
</p>
卷滚条设置 <frame scrolling=#> #=yes, no, auto
<dl>
<dd>#=缺省值是 auto。</dd>
</dl>
<p> </p>
<p><!--################## Floating Frame ########################-->
<a name="float"></a></p>
<font color="#008000">
◇ 浮动窗口(Floating Frame)</font>
<p><!------Floating Frame------->
</p>
<iframe src=# name=##> ... </iframe><br>
#=初始页面的 URL<br>
##=<a href="../../www.gzsums.edu.cn/webclass/html/frame.html#target">窗口标识</a>(Frame
Name)<font size="+0">(之后可对此标识进行<a href="../../www.gzsums.edu.cn/webclass/html/frame.html#target">各窗口间相互操作</a>)<br>
</font>... = 此处文字将只出现在不支持 FRAMES 的浏览器中。
<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="../../www.gzsums.edu.cn/webclass/html/frame/iframe.html">示例</a>
</pre>
</dl>
<table height="120" width="100">
<tbody>
<tr>
<td>
<div align="center">
<center>
<table height="30" width="50">
<tbody>
<tr>
<td>Display A.html</td>
</tr>
</tbody>
</table>
</center>
</div>
<p><br>
<u>Load A<br>
Load B<br>
Load C</u><br>
</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>(全文完)
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -