[第7章html框架.pptVIP

回顾 使用HTML创建一个表格至少需要哪些标签？ 跨多行表格是在单元格里用哪个属性进行设置 ？ 本节目标 框架的基本语法 框架的属性的使用 框架子窗口间的链接 浮动框架 一个框架的示例 框架的特征和作用 框架的特点： 框架最大的特点就是把浏览器的窗体分为多个行与列的框架页。 麦新衣女装商城/ 女装 框架的作用 框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。 框架的构成 框架由两个主要部分: 框架由框架集和框架组成，是用FrameSet标签和Frame标签来定义。 框架集的定义: 框架集是在一个文档内定义一组框架结构的HTML网页。框架集定义了一个网页显示的框架数、框架的大小、载入框架的网页等。用FrameSet标签来定义窗口框架， 框架的定义: 框架是指在网页上定义的一个区域,用Frame标签来定义窗口框架中的子窗口的内容。 框架的基本结构 框架集的属性 框架属性应用示例 框架的属性（1） 框架的属性（2） 框架属性应用示例 框架分割形式 根据框架集标签frameset的分割属性分为: 1、水平分割 2、垂直分割 3、嵌套分割 水平分割框架 水平分割框架的作用 如果想要在水平方向将浏览器分割多个窗口，这需要使用到框架集的左右分割窗口属性cols。cols的默认值为一个窗口。 水平分割框架的语法： frameset cols=# !-- 水平框架页面定义 -- /frameset 在水平分割中我主要应用了框架集的cols属性。把浏览器从水平方向为准进行分割。分割几个窗口其cols的值就有几个，值的定义为宽度，可以是数字(单位为像素)，也可以是百分比和剩余值。各值之间用逗号分开。其中剩余值用*号表示，剩余值表示所有窗口设定之后的剩余部分，当*只出现一次时，表示该子窗口的大小将根据浏览器窗口的大小自动调整，当*出现一次以上时，表示按比例分割剩余的窗口空间。 水平分割框架示例 把浏览器水平分割成3块。 程序代码： html head title 水平框架/title /head frameset cols=*,*,* frameborder= 1 frame src=a.html Marginheight=50 frame src=b.html Marginheight=50 frame src=c.html frameborder= 9 border =50 bordercolor =#ffee00 Marginheight=50 /frameset /html 水平分割框架效果 垂直分割框架 垂直分割框架的作用 如果想要在垂直方向将浏览器分割多个窗口，这需要使用到框架集的上下分割窗口属性rows。rows的默认值为一个窗口。 垂直分割框架的语法： frameset rows=# !-- 水平框架页面定义 -- /frameset 在垂直分割中我主要应用了框架集的rows属性。把浏览器从垂直方向为准进行分割。分割几个窗口其rows的值就有几个，值的定义为宽度，可以是数字(单位为像素)，也可以是百分比和剩余值。各值之间用逗号分开。其中剩余值用*号表示，剩余值表示所有窗口设定之后的剩余部分，当*只出现一次时，表示该子窗口的大小将根据浏览器窗口的大小自动调整，当*出现一次以上时，表示按比例分割剩余的窗口空间。 垂直分割框架示例 把浏览器垂直分割成3块。 程序代码： html head title 垂直框架/title /head frameset rows=“20%,40%,* frameborder= 1 frame src=a.html Marginheight=50 frame src=b.html Marginheight=50 frame src=c.html frameborder= 9 border =50 bordercolor =#ffee00 Marginheight=50 /frameset /html 垂直分割框架效果 嵌套分割框架 嵌套分割框架的作用 嵌套分割是对水平分割分割和垂直分割的联合应用，框架的嵌套可以是多层的。直到把浏览器分割成你想要的效果。 嵌套分割框架的语法有如下的两种形式： frameset cols=value,value,……