⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 多窗口页面.htm

📁 HTML语言的基础教程
💻 HTM
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0041)http://www.zjou.edu.cn/te/html/frame.html -->
<HTML><HEAD><TITLE>HTML 语言教程</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY bgColor=#d4d4d4>
<H1 align=center>多窗口页面(Frames)</H1>
<CENTER>
<P>
<HR>

<P></P></CENTER>
<P><!--################## Frame ########################--><A 
name=frame></A></P>
<H2><IMG height=20 alt=+ src="多窗口页面.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif"> 基本语法 </H2>
<P><!------Basic-------></P>
<H3>&lt;frameset&gt; ... &lt;/frameset&gt;<BR>&lt;frame src="url"&gt; 
<BR>&lt;noframes&gt; ... &lt;/noframes&gt;</H3>
<P>在 &lt;noframes&gt; 标记后的文字将只出现在不支持 FRAMES 的浏览器中。</P><PRE>        &lt;HTML&gt;
        &lt;HEAD&gt;
        &lt;/HEAD&gt;
        &lt;FRAMESET&gt;
             &lt;FRAME SRC="url"&gt;
             &lt;NOFRAMES&gt; ... &lt;/NOFRAMES&gt;
        &lt;/FRAMESET&gt;
        &lt;/HTML&gt;</PRE>
<P><!--################## Size ########################--><A name=size></A></P>
<H2><IMG height=20 alt=+ src="多窗口页面.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif"> 各窗口的尺寸设置 </H2>
<P><!------COLS-------></P>
<H3>&lt;frameset cols=#&gt;</H3>纵向排列多个窗口： 
<DL><PRE>&lt;frameset cols=30%,20%,50%&gt;
&lt;frame src="A.html"&gt;
&lt;frame src="B.html"&gt;
&lt;frame src="C.html"&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/cols.html" tppabs="http://webclass/html/frame/cols.html"><FONT size=+2>示例</FONT></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><PRE></PRE>
<P><!------ROWS-------></P>
<H3>&lt;frameset rows=#&gt;</H3>横向排列多个窗口： 
<DL><PRE>&lt;frameset rows=25%,25%,50%&gt;
&lt;frame src="A.html"&gt;
&lt;frame src="B.html"&gt;
&lt;frame src="C.html"&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/rows.html" tppabs="http://webclass/html/frame/rows.html"><FONT size=+2>示例</FONT></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><PRE></PRE>
<P><!------COLS & ROWS-------></P>
<H3>COLS &amp; ROWS</H3>纵横排列多个窗口： 
<DL><PRE>&lt;frameset cols=20%,*&gt;
&lt;frame src="A.html"&gt;
     &lt;frameset rows=40%,*&gt;
     &lt;frame src="B.html"&gt;
     &lt;frame src="C.html"&gt;
     &lt;/frameset&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/row_col.html" tppabs="http://webclass/html/frame/row_col.html"><FONT size=+2>示例</FONT></A>
</PRE></DL>
<TABLE height=120 width=100>
  <TBODY>
  <TR>
    <TD align=middle width=20 rowSpan=2>A </TD>
    <TD align=middle width=80 height=48>B </TD></TR>
  <TR>
    <TD align=middle width=80 height=72>C </TD></TR></TBODY></TABLE><PRE></PRE>
<P><!------No Resize-------></P>
<H3>不允许各窗口改变大小 &lt;frame noresize&gt;</H3>
<DL>
  <DD>缺省设置是允许各窗口改变大小的。 </DD></DL><PRE></PRE>
<P><!--################## Frame Target ########################--><A 
name=target></A></P>
<H2><IMG height=20 alt=+ src="多窗口页面.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif"> 各窗口间相互操作(Frame Target) </H2>
<P><!------NAME-------></P>
<H3>窗口标识(Frame Name) <BR>&lt;frame name=#&gt;<BR>&lt;a href=url target=#&gt; 
</H3>
<DL><PRE>&lt;frameset cols=50%,50%&gt;
&lt;frame src="A.html"&gt;
&lt;frame src="B.html" name="HELLO"&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/target.html" tppabs="http://webclass/html/frame/target.html"><FONT size=+2>示例</FONT></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><FONT color=red size=+2>特殊的 4 
类操作(很有用喔)</FONT><BR>
<H3>&lt;a href=url target=_blank&gt; 新窗口<BR>&lt;a href=url target=_self&gt; 
本窗口<BR>&lt;a href=url target=_parent&gt; 父窗口<BR>&lt;a href=url target=_top&gt; 
整个浏览器窗口</H3>
<P><A href="http://www.zjou.edu.cn/te/html/target01.html" 
tppabs="http://webclass/html/frame/target01.html"><FONT size=+2>示例</FONT></A> 
</P><PRE></PRE>
<P><!--################## Frame Appearance ########################--><A 
name=appear></A></P>
<H2><IMG height=20 alt=+ src="多窗口页面.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif"> Frame 的外观(Appearance) </H2>
<P><!------BORDER-------></P>
<H3>各窗口边框的设置 &lt;frame frameborder=#&gt; #=yes, no / 1, 0</H3>
<DL><PRE>&lt;frameset rows=30%,*&gt;
&lt;frame src="Acol.html" frameborder=1&gt;
&lt;frameset cols=30%,*&gt;
     &lt;frame src="Bcol.html" frameborder=0&gt;
     &lt;frame src="Ccol.html" frameborder=0&gt;
&lt;/frameset&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/border.html" tppabs="http://webclass/html/frame/border.html"><FONT size=+2>示例</FONT></A>
</PRE>(A 有边框，B、C 没有) </DL>
<TABLE height=120 rules=rows width=100 frame=box>
  <TBODY>
  <TR>
    <TD align=middle bgColor=#3333ff colSpan=2 height=36>A </TD></TR>
  <TR>
    <TD align=middle width=30 bgColor=#9999ff height=84>B </TD>
    <TD align=middle width=70 bgColor=#ffffff height=84>C </TD></TR></TBODY></TABLE>
<P><!------Frame Spacing-------></P>
<H3>各窗口间空白区域的设置 <BR>&lt;frameset framespacing=#&gt; #=空白区域的大小 <IMG height=14 
src="多窗口页面.files/ie.gif" width=80 tppabs="http://webclass/html/ie.gif"></H3>
<DL><PRE>&lt;frameset rows=30%,* framespacing=100&gt;
&lt;frame src="Acol.html"&gt;
&lt;frameset cols=30%,*&gt;
     &lt;frame src="Bcol.html"&gt;
     &lt;frame src="Ccol.html"&gt;
&lt;/frameset&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/space.html" tppabs="http://webclass/html/frame/space.html"><FONT size=+2>示例</FONT></A>
</PRE></DL>
<TABLE height=120 cellSpacing=10 width=100>
  <TBODY>
  <TR>
    <TD align=middle bgColor=#3333ff colSpan=2 height=36>A </TD></TR>
  <TR>
    <TD align=middle width=30 bgColor=#9999ff height=84>B </TD>
    <TD align=middle width=70 bgColor=#ffffff height=84>C </TD></TR></TBODY></TABLE>
<P><!------Border Color-------></P>
<H3>边框色彩 &lt;frameset bordercolor=#&gt; <IMG height=14 
src="多窗口页面.files/netscape.gif" width=80 
tppabs="http://webclass/html/netscape.gif"></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>&lt;frameset rows=30%,* bordercolor=red&gt;
&lt;frame src="Acol.html"&gt;
&lt;frameset cols=30%,*&gt;
     &lt;frame src="Bcol.html"&gt;
     &lt;frame src="Ccol.html"&gt;
&lt;/frameset&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/color.html" tppabs="http://webclass/html/frame/color.html"><FONT size=+2>示例</FONT></A>
</PRE></DL>
<TABLE borderColor=red height=120 width=100 bgColor=#ff0000>
  <TBODY>
  <TR>
    <TD align=middle bgColor=#3333ff colSpan=2 height=36>A </TD></TR>
  <TR>
    <TD align=middle width=30 bgColor=#9999ff height=84>B </TD>
    <TD align=middle width=70 bgColor=#ffffff height=84>C </TD></TR></TBODY></TABLE>
<P><!------MARGIN-------></P>
<H3>页面空白(Margin) &lt;frame marginwidth=# marginheight=#&gt;</H3>
<DL><PRE>&lt;frameset cols=50%,50%&gt;
&lt;frame src="A.html"&gt;
&lt;frame src="A.html"
    marginwidth=50
    marginheight=50&gt;
&lt;/frameset&gt;

<A href="http://www.zjou.edu.cn/te/html/margin.html" tppabs="http://webclass/html/frame/margin.html"><FONT size=+2>示例</FONT></A>
</PRE></DL>
<TABLE height=120 width=100 border=1>
  <TBODY>
  <TR>
    <TD align=middle width=50>AAAA </TD>
    <TD align=middle width=50>AA<BR>AA </TD></TR></TBODY></TABLE>
<P><!------SCROLLBAR-------></P>
<H3>卷滚条设置 &lt;frame scrolling=#&gt; #=yes, no, auto</H3>
<DL>
  <DD>#=缺省值是 auto。 </DD></DL><PRE></PRE>
<P><!--################## Floating Frame ########################--><A 
name=float></A></P>
<H2><IMG height=20 alt=+ src="多窗口页面.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif"> 浮动窗口(Floating Frame)<IMG height=14 
src="多窗口页面.files/ie.gif" width=80 tppabs="http://webclass/html/ie.gif"></H2>
<P><!------Floating Frame-------></P>
<H3>&lt;iframe src=# name=##&gt; ... &lt;/iframe&gt; <BR>#=初始页面的 URL<BR>##=<A 
href="http://www.zjou.edu.cn/te/html/frame.html#target">窗口标识</A>(Frame 
Name)<FONT size=+0>(之后可对此标识进行<A 
href="http://www.zjou.edu.cn/te/html/frame.html#target">各窗口间相互操作</A>)<BR></FONT>... 
= 此处文字将只出现在不支持 FRAMES 的浏览器中。</H3>
<DL><PRE>&lt;center&gt;
&lt;iframe src="A.html" name="window"&gt;
   Here is a Floating Frame
&lt;/iframe&gt;
&lt;br&gt;&lt;br&gt;
&lt;a href="A.html" target="window"&gt;Load A&lt;/A&gt;&lt;BR&gt;
&lt;a href="B.html" target="window"&gt;Load B&lt;/A&gt;&lt;BR&gt;
&lt;a href="Ccol.html" target="window"&gt;Load C&lt;/A&gt;&lt;BR&gt;
&lt;/center&gt;

<A href="http://www.zjou.edu.cn/te/html/iframe.html" tppabs="http://webclass/html/frame/iframe.html"><FONT size=+2>示例</FONT></A>
</PRE></DL>
<TABLE height=120 width=100>
  <TBODY>
  <TR>
    <TD>
      <CENTER>
      <TABLE height=30 width=50>
        <TBODY>
        <TR>
          <TD>Display A.html </TD></TR></TBODY></TABLE></CENTER>
      <P><BR><U>Load A<BR>Load B<BR>Load C</U><BR></P></TD></TR></TBODY></TABLE><PRE></PRE><BR>
<HR>
<IMG height=58 alt="NCD HOME" hspace=3 src="多窗口页面.files/angel-homeg.gif" 
width=69 align=left vspace=10 border=0> <A 
href="http://www.zjou.edu.cn/te/html/html.htm">(返回) HTML 语言教程：目录</A> 
<BR></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -