HTML简单教程 7 （帧标志）
[TABLE][TR][TD] [TR][TD][TR][TD][ALIGN=center]教程七、帧标志
[/TD][/TR][TR][TD]1.<frameset></frameset>
2.<frame>
3.<noframes></noframes>[/TD][/TR][TR][TD] 帧是由英文Frame翻译过来的，它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧，也即是一个包含多个Html文档的Html文件(我称它为[COLOR=#800000]主文档[/COLOR])。帧通常的使用方法是在一个帧中放置目录(即可供选择的链接)，然后将Html文件显示在另一个帧中。
1.<frameset></frameset>
<frameset></frameset>标志对放在帧的[COLOR=#008040]主文档[/COLOR]的<body></body>标志对的[COLOR=#008040]外边[/COLOR]，也可以嵌在其他帧文档中，并且可以[COLOR=#8000ff]嵌套使用[/COLOR]。此标志对用来定义主文档中有几个帧并且各个帧是如何排列的。它具有[COLOR=#ff0000]rows[/COLOR]和[COLOR=#ff0000]cols[/COLOR]属性，使用<frameset>标志时这两个属性[COLOR=#8000ff]至少必须选择一个[/COLOR]，否则浏览器只显示第一个定义的帧，剩下的一概不管，<frameset></frameset>标志对也就没有起到任何作用了。rows用来规定主文档中各个帧的[COLOR=#008040]行定位[/COLOR]，而cols用来规定主文档中各个帧的[COLOR=#008040]列定位[/COLOR]。这两个属性的取值可以是百分数、绝对像素值或[COLOR=#008000]星号(“*”)[/COLOR]，其中星号代表那些未被说明的空间，如果同一个属性中出现多个星号则将[COLOR=#8000ff]剩下的未被说明的空间[/COLOR][COLOR=#ff0080]平均分配[/COLOR]。同时，所有的帧按照rows和cols的值[COLOR=#ff0080]从左到右[/COLOR]，然后[COLOR=#ff0080]从上到下[/COLOR]排列。示例如下： [TR][TD]<frameset rows="*,*,*">[/TD][TD]总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3[/TD][/TR][TR][TD]<frameset cols="40%,*,*">[/TD][TD]总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均分配给另外两个帧[/TD][/TR][TR][TD]<frameset rows="40%,*" cols="50%,*,200">[/TD][TD]总共有六个帧,先是在第一行中从左到右排列三个帧,然后在第二行中从左到右再排列三个帧,即[COLOR=#8000ff]两行三列[/COLOR],所占空间依据rows和cols属性的值,其中200的单位是像素[/TD][/TR][/TABLE]2.<frame>
<frame>标志放在<frameset></frameset>之间，用来定义某一个具体的帧。<frame>标志具有[COLOR=#ff0000]src[/COLOR]和[COLOR=#ff0000]name[/COLOR]属性，这[COLOR=#ff0000]两个属性[/COLOR]都是[COLOR=#ff0000]必须赋值[/COLOR]的。src是此帧的[COLOR=#008000]源Html文件名[/COLOR](包括网络路径,即相对路径或网址)，浏览器将会在此帧中显示src指定的Html文件；name是此[COLOR=#008040]帧的名字[/COLOR]，这个名字是用来供超文本链接标志<a href="" target="">中的target属性用来指定链接的Html文件将显示在哪一个帧中。例如定义了一个帧，名字是main，在帧中显示的Html文件名是jc.htm，则代码是<frame src="jc.htm" name="main">，当您有一个链接，在点击了这个链接后，文件new.htm将要显示在名为main的帧中，则代码为<a href="new.htm" target="main">需要链接的文本</a>。这样一来，就可以在一个帧中建立网站的目录，加入一系列链接，当点击链接以后在另一个帧中显示被链接的Html文件。
此外，<frame>标志还有[COLOR=#ff0000]scrolling[/COLOR]和[COLOR=#ff0000]noresize[/COLOR]属性，scrolling用来指定[COLOR=#8000ff]是否显示滚动轴[/COLOR]，取值可以是“[COLOR=#008000]yes[/COLOR]”(显示)、“[COLOR=#008000]no[/COLOR]”(不显示)或“[COLOR=#008000]auto[/COLOR]”(若需要则会自动显示,不需要则自动不显示)。noresize属性直接加入标志中即可使用，不需赋值，它用来[COLOR=#8000ff]禁止用户调整[/COLOR]一个帧的大小。
3.<noframes></noframes>
<noframes></noframes>标志对也是放在<frameset></frameset>标志对之间，用来在那些[COLOR=#800000]不支持帧[/COLOR]的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对，然后才可以使用我们在教程七以前讲过的任何标志。
下边是一个综合示例：
例8 帧标志的综合示例
主文档：
[COLOR=#0000ff]<html>
<head>
<title>帧标志的综合示例</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" scrolling="no" name="Left">
<frame src="page1.htm" scrolling="auto" name="Main">
<noframes>
<body>
<p>对不起，您的浏览器不支持“帧”！</p>
</body>
</noframes>
</frameset>
</html>[/COLOR]
menu.htm
[COLOR=#0080ff]<html>
<head>
<title>目录</title>
</head>
<body>
<p><font color="#FF0000">目录</font></p>
<p><a href="page1.htm" target="Main">链接到第一页</a></p>
<p><a href="page2.htm" target="Main">链接到第二页</a></p>
</body>
</html>[/COLOR]
page1.htm
[COLOR=#0080c0]<html>
<head>
<title>第一页</title>
</head>
<body>
<p align="center"><font color="#8000FF">这是第一页！</font></p>
</body>
</html>[/COLOR]
page2.htm
[COLOR=#8080ff]<html>
<head>
<title>第二页</title>
</head>
<body>
<p align="center"><font color="#FF0080">这是第二页！</font></p>
</body>
</html>[/COLOR]
若想看此例在浏览器中显示的结果请点击[URL=http://www.bjpeu.edu.cn/%7Eyanglb/html/l8.htm][COLOR=#0000fa]在线示例[/COLOR][/URL]。
[/TD][/TR] [/TD][/TR][/ALIGN][/TD][/TR]
