【网页设计】【HTML+CSS】【第9章 使用框架】.pdf

《【网页设计】【HTML+CSS】【第9章 使用框架】.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、·110·第9章框架网页中框架（frame）的主要作用是，将浏览器窗口分割成几个相对独立的小窗口，浏览器可以将不同网页文件同时传送到这几个小窗口，这样就可以同时浏览不同网页文件。使用框架，可以在一个浏览器中显示出多张HTML文档，这种HTML文档被称为框架页，各张框架页都可以不同，所以各页面之间是独立的。通过本章的学习，可以了解到以下框架知识：frameset标签用法frame标签用法框架分栏框架重要属性框架链接框架实例9.1框架基本语法框架，就是在一个浏览器中显示多个HTML页面，使用框架后，在一张网页中可以用来放置多个不同的网页。在新闻类的网站可以看到，有的广告专用一张网页来显示的，

2、每次更新广告的时候，只需要对那张网页做修改。在本节中主要介绍框架的基本语法，如frameset、frame和框架的部分属性等。如果一个网页的左边导航菜单是固定的，而页面中间的信息可以上下移动，这一般就可以认为是一个框架型网页。此外，一些框架型站点的模板在其页面上方放置了公司的LOGO或图片，不过这一块也是位置固定的。而页面的其他部分则可以上下左右移动。有的框架型站点模板还会在其固定区域中，放入链接或导航按钮。框架的基本语法是由标签对表示，标签对放在标记对下的后面，即与标

3、记对并列。如何来实现框架，全由来设置，其内又包含，用标记对来表示在框架内放入什么文件，代码9.1表示框架的基本语法。代码9.1源代码第9章框架基本语法.html·111·>

4、="http://www.163.com/">上面代码在html中插入了框架，框架包括三个网页，分别表示了网址之家、新浪和网易的首页，在中的cols参数代表列，代码9.1中，表示在框架集中有三个框架且链接不同的页面，效果如图9.1所示。图9.1框架基本语法这样三张网页就插入到了这个网页中的框架中，框架中的每张网页都是独立的。设置时，必须有行和列的表示，不能空格。注意：在标签内，不能与并列，所以在网页

5、中先去掉，再写标签对，以免不知道在哪出现错误。是在标签对中的，且是单标记。9.2框架分栏在网页中，有时要插入多张网页到框架中，那么对网页的分栏也很重要，如何表现使网页看起来更自然。框架分栏有垂直分栏和水平分栏。框架分栏是网页插入多个框架的结果，多个框架放在同一个网页中，必然会出会分栏状态，如何使框架分栏在网页中达到更好的视觉效果，本小节来介绍框架分栏的两种分栏样式。·112·9.2.1框架垂直分栏垂直分栏是对框架里的网页文档垂直排列，每张网页文档占用一列显示。垂直分

6、栏是在中用cols表示，后面接要表示的列宽，语法形式如下：垂直分栏在中包含两张网页文档，每张网页占50%，第二张网页用来引进网页文档路径，代码9.2表示垂直分栏。代码9.2源代码第9章框架垂直分栏.html

7、mesrc="http://www.163.com">上面代码在框架中包括两个垂直的网页文档，设置了cols参数为50和50，表示各占一半显示，效果如图9.2所示。图9.2框架垂直分栏框架的垂直分栏把整个网页分成多列，如cols中有两个数字，表示两个列，如果想用三列显示网页文档那要怎么样呢？同时可以在后面加逗号再加一个数字就可以