框架元素课件

1、第第1010章章 框架元素框架元素所谓框架就是把页面分为几个部分，各个部分之间是所谓框架就是把页面分为几个部分，各个部分之间是相相互独立的页面，却又互相有关联。用户在浏览这种页面的时候，互独立的页面，却又互相有关联。用户在浏览这种页面的时候，当对其中某一个部分进行操作，如浏览、下载的时候，其他页面当对其中某一个部分进行操作，如浏览、下载的时候，其他页面会保持不变，这样的页面就被称为框架结构的页面，也称为多窗会保持不变，这样的页面就被称为框架结构的页面，也称为多窗口页面。口页面。框架元素的最主要功用是用来框架元素的最主要功用是用来“分割分割”页面窗口，使每个页面窗口，使每个“小窗口小窗口”能显示

2、不同的能显示不同的HTML文件，这样的页面结构就称为框架文件，这样的页面结构就称为框架结构的页面，而这些结构的页面，而这些“小窗口小窗口”就被称为框架的就被称为框架的“窗口窗口”。在。在HTML中，框架元素包括，中，框架元素包括，、等等。10.1 10.1 框架集元素框架集元素 框架集元素框架集元素，用来在页面中定义一个框架集合。，用来在页面中定义一个框架集合。同时使用同时使用元素也可以控制框架窗口之间的距离，窗口的元素也可以控制框架窗口之间的距离，窗口的大小等。大小等。10.1.1 10.1.1 行属性行属性 rowsrows框架集元素的行属性框架集元素的行属性rows，用来指定框架集中，行

3、的，用来指定框架集中，行的数目。在框架集中，必须使用数目。在框架集中，必须使用rows属性和列属性属性和列属性cols其中其中的一个（关于列属性的一个（关于列属性cols的内容，将在下一小节中讲解）。的内容，将在下一小节中讲解）。10.1.2 10.1.2 列属性列属性 colscols框架集元素的列属性框架集元素的列属性cols，用来指定框架集中，列的，用来指定框架集中，列的数目。在框架集中，至少使用数目。在框架集中，至少使用cols属性和列属性属性和列属性rows其中其中的一个（关于列属性的一个（关于列属性cols的内容，将在下一小节中讲解）。的内容，将在下一小节中讲解）。10.1.3 1

4、0.1.3 边框属性边框属性 frameborderframeborder由前面的几个实例可以看出，在默认情况下，框架窗由前面的几个实例可以看出，在默认情况下，框架窗口的四周有一条边框线，通过口的四周有一条边框线，通过frameborder参数可以调整边参数可以调整边框线的显示情况。框线的显示情况。10.1.4 10.1.4 边框宽度属性边框宽度属性 framespacingframespacing框架的边框宽度在默认情况下是框架的边框宽度在默认情况下是1像素，在像素，在HTML中用框架集中用框架集元素的边框宽度属性元素的边框宽度属性framespacing来定义框架区域边框的宽度。来定义框架

5、区域边框的宽度。framespacing属性定义的边框宽度，在属性定义的边框宽度，在IE浏览器中是有效的，但浏览器中是有效的，但是是Firefox浏览器等不支持此属性。浏览器等不支持此属性。10.1.5 10.1.5 边框宽度属性边框宽度属性 borderborder框架集元素的边框宽度属性框架集元素的边框宽度属性border，用来定义框架区，用来定义框架区域边框的宽度。域边框的宽度。10.1.6 10.1.6 颜色属性颜色属性 bordercolorbordercolor框架集元素的边框颜色属性框架集元素的边框颜色属性bordercolor，用来定义框，用来定义框架区域边框的颜色。架区域边框

6、的颜色。10.2 10.2 框架内容元素框架内容元素 框架内容元素框架内容元素，用来在页面中定义框架集的内，用来在页面中定义框架集的内容。其中每条内容会以从左至右、从上到下的顺序排列。容。其中每条内容会以从左至右、从上到下的顺序排列。10.2.1 10.2.1 内容的路径属性内容的路径属性 srcsrc显示内容的路径属性显示内容的路径属性src，用来定义框架集内容的路径。，用来定义框架集内容的路径。10.2.2 10.2.2 滚条属性滚条属性 scrollingscrolling滚条属性滚条属性scrolling，用来指定框架区域是否产生滚条。在框，用来指定框架区域是否产生滚条。在框架页面中，

7、如果不指定滚条的显示，则当内容大于显示区域时滚架页面中，如果不指定滚条的显示，则当内容大于显示区域时滚条会自动显示滚条。条会自动显示滚条。10.2.3 10.2.3 固定尺寸属性固定尺寸属性 noresizenoresize固定尺寸属性固定尺寸属性noresize，用来指定框架区域的大小不可以拖，用来指定框架区域的大小不可以拖动。在框架页面中，如果固定某个区域的大小，则可以在页面中动。在框架页面中，如果固定某个区域的大小，则可以在页面中使用鼠标拖动框架来改变其大小。使用鼠标拖动框架来改变其大小。1不使用不使用noresize属性的实例属性的实例 2使用使用noresize属性的实例属性的实例1

8、0.2.4 10.2.4 内容的显示位置属性内容的显示位置属性 marginheightmarginheight、marginwidthmarginwidth内容的显示位置属性内容的显示位置属性marginheight、marginwidth，用来指定框架，用来指定框架区域内的文本和区域边界之间的距离。其中，区域内的文本和区域边界之间的距离。其中，marginheight属性用来指属性用来指定垂直方向的距离，定垂直方向的距离，marginwidth属性用来指定水平方向的距离。属性用来指定水平方向的距离。1使用使用marginheight属性的实例属性的实例2使用使用marginwidth属性的

9、实例属性的实例10.2.5 10.2.5 边框属性边框属性 frameborderframeborder边框属性边框属性frameborder用来指定框架区域是否含有边框。用来指定框架区域是否含有边框。10.3 10.3 不支持框架元素不支持框架元素 不支持框架元素不支持框架元素，用来为不能显示框架的浏览，用来为不能显示框架的浏览器制作内容。因为有一些浏览器或者浏览设备中并不支持框架元器制作内容。因为有一些浏览器或者浏览设备中并不支持框架元素，此时将不能正常显示内容。使用素，此时将不能正常显示内容。使用元素，可以使此元素，可以使此类浏览器中显示类浏览器中显示元素中的内容。语法结构如下所示。元素

10、中的内容。语法结构如下所示。内容部分内容部分使用使用元素，对支持框架的页面的显示效果并没元素，对支持框架的页面的显示效果并没有影响。有影响。10.4 10.4 内联框架元素内联框架元素 内联框架元素内联框架元素，用来在页面的任何位置定义一个框，用来在页面的任何位置定义一个框架区域。使用架区域。使用元素，只能用替换页面主体元素元素，只能用替换页面主体元素的方式来定义框架，但是使用的方式来定义框架，但是使用元素，可以在页面元素，可以在页面主体元素主体元素中，任何可以使用内联元素。中，任何可以使用内联元素。10.5 10.5 框架元素中的链接框架元素中的链接在框架元素中使用链接，和普通的链接略有不同。在框架元在框架元素中使用链接，和普通的链