HTML编程基础.ppt

　　　　以上学习的HTML都是在单一窗口显示的，当打开一个新文件或链接到一个新文件时，原来的窗口和文件将被自动关闭，这往往给浏览者带来不便。框架标记用来将一个浏览器窗口分为多个小窗口，每个小窗口内显示特定的内容，各页面之间可以互相操作。使用框架，可以将网页变得更加丰富多彩。 1.7 框架结构标记 　　框架的精髓在于每个框架都可以显示不同的文件内容。在一个页面中可以用框架的方式显示多个页面文件，因此就可以将一些不同类别的内容放到同一个页面中。这样，一个网页就可以将不同的信息有机地组织在一起提供给浏览者。这就是为什么许多网站的主页使用框架进行布局的原因。 1.7.1 框架的基本结构　　在一般的HTML文件中，页面内容的主体部分放在BODY和/BODY中间，而在分框页面中，却没有BODY标记，其主体部分写在FRAMESET与/FRAMESET中间。　　框架集定义的内容包括浏览器窗口中将要显示的框架数目、框架的大小、每一个框架中将要放的页面等。一个页面文件中框架的结构由框架集FRAMESET和/FRAMESET定义。FRAMESET标记有两个重要的属性——ROWS属性和COLS属性，通过这两个属性可以确定页面各分框的位置和大小。在分框页面中，另一个重要的标记就是FRAME，它的基本格式为FRAME SRC=URL，用来指定每个分框中显示的内容。 　　框架标记的基本结构如下：　　HTML　　HEADTITLE基本框架/TITLE/HEAD　　FRAMESET ROWS或COLS=值　　FRAME SRC=URL　　FRAME SRC=URL　　/FRAMESET　　/HTML　　提示：框架标记在HTML文档中应独立出现，绝对不能被包含在正文标记BODY之中，否则浏览器会将其忽略。 1.7.2 FRAMESET的常用属性　　框架由FRAMESET标记指定，并且可以嵌套，分区中各部分显示的内容用FRAME指定。可以将窗口横向(ROWS=值)分成几个部分，也可以纵向(COLS=值)分成几个部分，还可以横向、纵向嵌套混合分框。每一个框架要显示的页面由FRAME SRC=URL标记中的URL指定。 　　1. ?ROWS属性　　ROWS属性用来说明在浏览器中分框纵向排列的分布情况(即框架行的宽度)，它的取值是用引号括起来的几组数字(点数，百分比，或相对比例)，数字之间用逗号分开。各分框的大小由对应部分的值来确定。ROWS属性的使用格式如下：　　FRAMESET ROWS=X1，X2，……　　其中第几个X值对应第几个纵向分框，每一个X的取值可以是百分比值、像素值，最后一个X值也可以用“*”表示剩余值。 　　2. ?COLS属性　　COLS属性用来说明在浏览器中分框横向排列的分布情况(即框架栏目的宽度)，它的取值是用引号括起来的几组数字(点数，百分比或相对比例)，数字之间用逗号分开。各分框的大小由对应部分的值来确定。COLS属性的使用格式如下：　　 FRAMESET COLS=Y1，Y2，……　　其中第几个Y值对应第几个横向分框，每一个Y的取值可以是百分比值、像素值，最后一个Y值可以用“*”表示剩余值。 　　3. ?BORDER属性　　BORDER属性用来指定框架的边框，取值可以是0、1、2、…，单位为像素。如果BORDER的取值为0，则框架没有边框。 　　[例1.17] 使用百分比值建立纵向和横向分框的例子，文件名CH2-17.html。　　HTMLHEAD　　 TITLE建立分框基本框架/TITLE/HEAD　　FRAMESET ROWS=20%, 80%　　FRAMESET COLS=50%, 50%　　 FRAME SRC=file1.html　　 FRAME SRC=file2.html 　　/FRAMESET　　FRAMESET COLS=25%, 50%, 25%　　 FRAME SRC=file3.html　　 FRAME SRC=file4.html　　 FRAME SRC=file5.html　　/FRAMESET　　/FRAMESET 　　/HTML 　　该文件的执行结果如图1.19所示。可以看出，该文件首先用FRAMESET ROWS=20%, 80%将浏览器窗口分为上(占20%)、下(占80%)两个小窗口，然后又用FRAMESET COLS=50%, 50%将上部小窗口进一步分为左、右各占50%的两个分框，并分别给出这两个分框中显示的页面(File1.html和File2.html)；同理，再次使用FRAMESET COLS=25%, 50%, 25%将下部小窗口进一步分为左、中、右三个分框，并分别给出这三个分框中显示的页面