第七章 框架的应用 的.doc

第章?html head title框架的基本结构/title /head frameset… frame…/frame /frameset /html frameset标记不可以包含在html标记中，直接将该标记包含在html标记中。 2 框架的设置 常见的对窗口的分割包括：水平分割、垂直分割和嵌套分割。具体采用哪种分割方式，取决于实际需要，可用frameset标记中的rows(水平分割)或cols(垂直分割)属性来进行分割。在完成窗口的分割后，接下来就要设置每个分割出来的子窗口。设置子窗口的属性都在相应的子窗口的frame标记中。其中，最重要的属性为子窗口的名称(name属性)和要导入到框架中的子窗口HTML文件的路径(src属性)。 2.1 窗口的水平分割 rows属性可定义一个水平分割的窗口框架。 格式： frameset rows=高度1，高度2,…,* frame src=url frame src=url … /frameset rows属性的值代表各子窗口的高度，第一个子窗口高为高度1，第二个子窗口高为高度2，依此类推，而最后一个*，则代表最后一个子窗口的高度，值为其它子窗口高度分配后所剩余的高度。 设置高度数值的方式有两种： 采用整数设置，单位为像素px：frameset rows=100,200,* 用百分比设置，如：frameset rows=20%,50%,* 实例1.html： html head title采用整数设置窗口的水平分割/title /head frameset rows=80,120,* frame/frame frame/frame frame/frame /frameset /html 在水平分割窗口后，设置第一个窗口的高度为80px，第二个窗口中的高度为120px，第三个窗口的高度是浏览器的宽度减去前两个窗口的高度。 网页效果如图7-1。 图7-1设置窗口的水平分割 2.2 窗口的垂直分割 cols属性可定义一个垂直分割的窗口框架。 格式： frameset cols=宽度1，宽度2,…,* frame src=url frame src=url … /frameset 垂直宽度值的设置，与水平分割高度值的设置方式相同。 实例2.html： html head title采用整数设置窗口的垂直分割/title /head frameset cols=80,120,* frame/frame frame/frame frame/frame /frameset /html 网页效果如图7-2。 图7-2设置窗口的垂直分割 2.3 窗口的嵌套分割 在实际应用中，“厂”字型框架使用极为广泛。“厂”字型的网页就是窗口中包含水平和垂直分割，如图7-3所示，实现“厂”字型框架需要对窗口进行嵌套分割。 所谓的嵌套分割是指一个窗口框架还包含了另一个窗口框架。整个框架将用数个frameset标记建立。 先用frameset的rows属性对窗口进行上下分割，然后再用cols属性把下面的窗口进行垂直分割，就完成了“厂”字型的框架。 实例3.html： html head title窗口的嵌套分割/title /head frameset rows=30%,* frame/frame frameset cols=20%,* frame/frame frame/frame /frameset /frameset /html 网页效果如图7-3。 图7-3设置窗口的嵌套分割 2.4 框架的边框 在frameset标记中，可运用border属性控制分割窗口框架的边框。 格式：frameset border=n n为整数，代表此窗口框架的宽度，单位为像素(px)。 实例4.html： html head title框架的边框控制/title /head frameset rows=30%,* border=12 frame/frame frameset cols=20%,* frame/frame frame/frame /frameset /frameset /html 网页效果如图7-4。 图7-4框架的边框 2.5 框架的隐藏 frameborder属性用于控制窗口框架的周围是否显示框架，此属性可使用在frameset标记与frame标记中，如果使用在frameset标记内时，可控制窗口框架的所有子窗口，如果用在frame标记中，则只能控制该标记所代表的子窗口。 格式：framese