研究分析授课教师姬广永QQ41588872TEL13589841020学习交流.ppt

第二章 超文本标记语言HTML（四） 授课教师：姬广永 QQTEL学习交流网站: 2.2框架标记 frameset、frame noframes 、iframe 框架页面示例 ：01.htm 2.2框架标记 框架是网页中经常使用的页面设计方式。 框架的作用：就是把浏览器窗口分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。 框架的好处： 使用框架可以非常方便的完成导航工作，让网站的结构更加清晰，而且各个框架之间决不存在干扰问题。 通常把一个网站中页面相同的部分单独制作成一个页面，作为框架结构的一个子框架的内容给整个网站公用。 （1）框架集文件基本格式： html headtitle 框架集文件 /title/head frameset frame name= topfname src=“01.htm frame name=“mainfname src=“02.htm /frameset noframes 请使用支持框架的高版本浏览器 /noframes /html 说明： frameset是框架集标记， frame框架窗体标记，frame必须嵌套在 frameset中使用。 因此，若有n个框架窗体，则共有n+1个文件（1个框架集文件，n个框架文件）才能完全读取所有信息。 （2）frameset 框架集标记 基本格式： frameset rows=num-r,* cols=num-c,* frameborder=0 border=num-b framespacing=num-s bordercolor=#RRGGBB … /frameset 定义框架的基本语法 框架集由一对frameset定义 frameset属性：rows和cols rows定义上下分割的框架的大小； cols定义左右分割的框架的大小； 在定义大小时，rows和cols可以使用整数数值（像素）或百分比为单位。*代表占用余下的所有空间。数值个数代表分成的窗体数目，以逗号分开。 网页中的框架 各窗口的尺寸设置 frameset rows=#上下分割多个窗口 frameset rows=30%,20%,* frame src=A.htm frame src=B.htm frame src=C.htm /frameset 例：02.htm 网页中的框架 各窗口的尺寸设置 frameset cols=#左右分割多个窗口 frameset cols=30%，20%,* frame src=A.htm frame src=B.htm frame src=C.htm /frameset 排列方式：A B C 例：03.htm 框架的运用 frameset 框架集的属性 frameborder:设定框架的边框，值为0（不显示边框）或1（显示）。 border：设定边框粗细，值为数字（像素） bordercolor:设定边框颜色。 framespacing:设定框架与框架的间距。 如04.htm （3） frame 框架标记 基本格式： frame name=name-f src=file-src marginwidth=numw marginheight= numh scrolling=Auto frameborder=0 noresize framespacing=num-s bordercolor=#RRGGBB 网页中的框架 frame的属性 name：设定框架窗体的名字。 这个名字可以被如被a元素引用。 a href=01_4.htm target=mainFrame target：目标框架,引用的是目标框架的名字。 网页中的框架 在当前框架中打开超链接页面 默认就是在当前框架页中打开,也可以采用Target=“_self” 在指定框架中打开超级链接页面 Target=“name” 新开窗口打开链接页面 Target=“_blank” 跳出整个框架集 Target=“_parent” 如04.htm 网页中的框架 frame的属性 Scrolling：是否显示滚动条。yes, no, auto yes表示显示，no表示无论如何都不显示，auto是在需要的情况下显示。 Noresize：设定是否允许用户改变框架大小。 例04.htm frame 的属性 src:设定网页中要显示的文档的URL marginheight:显示内容与窗体的上下间距 marginwidth:显示内容与窗体的左右间距 网页中的框架 制作框架页面的步骤： 1.编写所有子框架页面 2.编写框架集页面 注意：框架页面是不含body标签的 I