HTML入门教程(七)

七、帧标志


    1.<frameset></frameset>

    2.<frame>

    3.<noframes></noframes>


    
帧是由英文Frame翻译过来的,它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧,而多个帧可以同时显示在同一个浏览器窗口中,它们组成了一个最大的帧,也即是一个包含多个Html文档的Html文件(我称它为 主文档 )。帧通常的使用方法是在一个帧中放置目录(即可供选择的链接),然后将Html文件显示在另一个帧中。



1.<frameset></frameset>

    <frameset></frameset>标志对放在帧的 主文档 的<body></body>标志对的 外边 ,也可以嵌在其他帧文档中,并且可以 嵌套使用 。此标志对用来定义主文档中有几个帧并且各个帧是如何排列的。它具有 rows cols 属性,使用<frameset>标志时这两个属性 至少必须选择一个 ,否则浏览器只显示第一个定义的帧,剩下的一概不管,<frameset></frameset>标志对也就没有起到任何作用了。rows用来规定主文档中各个帧的 行定位 ,而cols用来规定主文档中各个帧的 列定位 。这两个属性的取值可以是百分数、绝对像素值或 星号(“*”) ,其中星号代表那些未被说明的空间,如果同一个属性中出现多个星号则将 剩下的未被说明的空间 平均分配 。同时,所有的帧按照rows和cols的值 从左到右 ,然后 从上到下 排列。示例如下:


<frameset rows="*,*,*">总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3
<frameset cols="40%,*,*">总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均分配给另外两个帧
<frameset rows="40%,*" cols="50%,*,200">总共有六个帧,先是在第一行中从左到右排列三个帧,然后在第二行中从左到右再排列三个帧,即两行三列,所占空间依据rows和cols属性的值,其中200的单位是像素

2.<frame>

    <frame>标志放在<frameset></frameset>之间,用来定义某一个具体的帧。<frame>标志具有srcname属性,这两个属性都是必须赋值的。src是此帧的源Html文件名(包括网络路径,即相对路径或网址),浏览器将会在此帧中显示src指定的Html文件;name是此帧的名字,这个名字是用来供超文本链接标志<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>标志还有scrollingnoresize属性,scrolling用来指定是否显示滚动轴,取值可以是“yes”(显示)、“no”(不显示)或“auto”(若需要则会自动显示,不需要则自动不显示)。noresize属性直接加入标志中即可使用,不需赋值,它用来禁止用户调整一个帧的大小。



3.<noframes></noframes>

    <noframes></noframes>标志对也是放在<frameset></frameset>标志对之间,用来在那些不支持帧的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对,然后才可以使用我们在教程七以前讲过的任何标志。



    下边是一个综合示例:



例8 帧标志的综合示例



主文档:

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




menu.htm

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




page1.htm

<html>

<head>

<title>第一页</title>

</head>

<body>

<p align="center"><font color="#8000FF">这是第一页!</font></p>

</body>

</html>




page2.htm

<html>

<head>

<title>第二页</title>

</head>

<body>

<p align="center"><font color="#FF0080">这是第二页!</font></p>

</body>

</html>




若想看此例在浏览器中显示的结果请自己动手试试吧。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值