第10章框架元素.ppt

第10章 框架元素 所谓框架就是把页面分为几个部分，各个部分之间是相互独立的页面，却又互相有关联。用户在浏览这种页面的时候，当对其中某一个部分进行操作，如浏览、下载的时候，其他页面会保持不变，这样的页面就被称为框架结构的页面，也称为多窗口页面。 框架元素的最主要功用是用来“分割”页面窗口，使每个“小窗口”能显示不同的HTML文件，这样的页面结构就称为框架结构的页面，而这些“小窗口”就被称为框架的“窗口”。在HTML中，框架元素包括，frameset、frame、iframe等。 10.1 框架集元素 frameset 框架集元素frameset，用来在页面中定义一个框架集合。同时使用frameset元素也可以控制框架窗口之间的距离，窗口的大小等。 10.1.1 行属性 rows 框架集元素的行属性rows，用来指定框架集中，行的数目。在框架集中，必须使用rows属性和列属性cols其中的一个（关于列属性cols的内容，将在下一小节中讲解）。 10.1.2 列属性 cols 框架集元素的列属性cols，用来指定框架集中，列的数目。在框架集中，至少使用cols属性和列属性rows其中的一个（关于列属性cols的内容，将在下一小节中讲解）。 10.1.3 边框属性 frameborder 由前面的几个实例可以看出，在默认情况下，框架窗口的四周有一条边框线，通过frameborder参数可以调整边框线的显示情况。 10.1.4 边框宽度属性 framespacing 框架的边框宽度在默认情况下是1像素，在HTML中用框架集元素的边框宽度属性framespacing来定义框架区域边框的宽度。framespacing属性定义的边框宽度，在IE浏览器中是有效的，但是Firefox浏览器等不支持此属性。 10.1.5 边框宽度属性 border 框架集元素的边框宽度属性border，用来定义框架区域边框的宽度。 10.1.6 颜色属性 bordercolor 框架集元素的边框颜色属性bordercolor，用来定义框架区域边框的颜色。 10.2 框架内容元素 frame 框架内容元素frame，用来在页面中定义框架集的内容。其中每条内容会以从左至右、从上到下的顺序排列。 10.2.1 内容的路径属性 src 显示内容的路径属性src，用来定义框架集内容的路径。 10.2.2 滚条属性 scrolling 滚条属性scrolling，用来指定框架区域是否产生滚条。在框架页面中，如果不指定滚条的显示，则当内容大于显示区域时滚条会自动显示滚条。 10.2.3 固定尺寸属性 noresize 固定尺寸属性noresize，用来指定框架区域的大小不可以拖动。在框架页面中，如果固定某个区域的大小，则可以在页面中使用鼠标拖动框架来改变其大小。 1．不使用noresize属性的实例 2．使用noresize属性的实例 10.2.4 内容的显示位置属性 marginheight、marginwidth 内容的显示位置属性marginheight、marginwidth，用来指定框架区域内的文本和区域边界之间的距离。其中，marginheight属性用来指定垂直方向的距离，marginwidth属性用来指定水平方向的距离。 1．使用marginheight属性的实例 2．使用marginwidth属性的实例 10.2.5 边框属性 frameborder 边框属性frameborder用来指定框架区域是否含有边框。 10.3 不支持框架元素 noframes 不支持框架元素noframes，用来为不能显示框架的浏览器制作内容。因为有一些浏览器或者浏览设备中并不支持框架元素，此时将不能正常显示内容。使用noframes元素，可以使此类浏览器中显示noframes元素中的内容。语法结构如下所示。 html noframes内容部分/noframes /html 使用noframes元素，对支持框架的页面的显示效果并没有影响。 10.4 内联框架元素 iframe 内联框架元素iframe，用来在页面的任何位置定义一个框架区域。使用frameset元素，只能用替换页面主体元素body的方式来定义框架，但是使用iframe元素，可以在页面主体元素body中，任何可以使用内联元素。 10.5 框架元素中的链接 在框架元素中使用链接，和普通的链接略有不同。在框架元素中，可以在链接中指定打开窗口的位置。从而实现在一个框架区域中，通过链接控制另一个框架区域的内容。 10.6 本章习题 一．选择题。 二．填空题。 三．实战练习。