|
《盲人如何制作网页》第九讲 通过 <frameset> 标签创建网页框架
网页的框架可以生成独立变化和滚动的窗口，从而能将一张网页分割为若干个子窗口,每一个窗口可分别载入不同的 html 文件，而且每个窗口又可以相互沟通。讲到这里，大家是不是已经迫不及待的想要掌握这个技巧了？现在让我们一起从基本语法开始学起吧！
一、 基本结构
html使用<Frameset>、<Frame>和<noFrames>标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。
1、 <Frameset> 标签
该标签是框架设计标签，属于双标签，首尾标签之间的内容就是使用到框架的 html 主体部分，以该标签代替的 <body> 标签，也就是说在使用了 <frameset> 标签的框架html文档中再不能出现<body>标签，否则会导致浏览器忽略所有的框架定义而只显示<body>和</body>之间的内容了。
<Frameset> 标签作用是将页面分割为若干个子窗口，子窗口的数目取决于嵌套在该标签中 <Frame> 标签的数目。 <Frameset>标签有两个属性，分别是 rows(使子窗口垂直排列并决定子窗口的高度) 和 cols（使子窗口水平排列并决定子窗口的宽度），请看下面的实例：
<Frameset rows="值1,值2,……值n">
<Frameset cols="值1,值2,……值n">
实例解析：
（1） 各参数之间以逗号分割，依次表示各个子窗口的高度（宽度）。这两个属性的参数值可以是数字、百分数或符号“*”；
(2) 数字: 表示子窗口高度或宽度所占的像素点数;
(3) 百分数: 表示子窗口高度或宽度占整个浏览器窗口高度或宽度的百分比;
(4) 符号“*”(星号): 当符号*只出现一次。即其他子窗口的大小都有明确的定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间。例如： <Frameset cols="40%,2*,*"> 表示将浏览器窗口分割为3列，第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的40%；第二个子窗口在第二列，占浏览器窗口剩余空间的2/3，即其宽度为整个浏览器窗口宽度的40%，第三个子窗口占剩余空间的1/3，宽度为整个浏览器窗口宽度的20%。
2、 <frame> 标签： html用该标签来标识子窗口，是嵌套在框架设置标签<Frameset>标签中来使用的单标签。在<Frameset>中定义了多少个子窗口就要有多少个该标签与之匹配，依次定义每个窗口的性质。该标签共有7个属性，除src属性是不可缺省的外，其他属性都是可选的，请看下面的实例：
<frameset cols="*,*">
<frame src="a.htm" name="abc" frameborder="1" bordercolor="#FFCC08" sclling="auto" maginwidth="3" marginwidth="3">
<frame src="b.htm" name="def" frameborder="1" bordercolor="#FFCC08" sclling="auto" maginwidth="3" marginwidth="3">
</frameset>
实例解析：
（1） 上例是利用 cols="*,*" 这一属性把页面平均分成了左右两个子窗口；
（2） src 属性: 用以定义子窗口文件的文件名；
（3） name属性： 用于定义子窗口的名称；
（4） frameborder 属性： 该属性的参数值为1或0。当参数值为1时，表示该子窗口有边框，为0时没有边框，其缺省值为1;
（5） bordercolor属性： 用以设置子窗口的边框颜色，如果在一个以上的<frame>标签中定义了子窗口的边框颜色，则以第一次指定的颜色为标准，在指定边框颜色时，可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词，bordercolor属性的参数值可以是16种颜色中的任意一种；
（6） sclling属性： 属性的参数值为yes,no或auto之一，参数值为yes时表示该子窗口始终有滚动条，为no时是始终没有滚动条，为auto时表示当文档的内容超出窗口范围时，浏览器自动为该子窗口添加滚动条，该属性的缺省值为auto；
（7） maginwidth和maginheight属性： 这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的，其中maginwidth属性用于确定显示内容与左右边界之间的距离；maginheight用来确定显示内容与上下边界之间的距离，这两个属性的参数值都是数字，分别表示左右边距所占的像素点数。
责任编辑：
读者评论：
发表评论：
相关文章：
|
