框架（Frame）-HTML基础教程（7）

　　框架（Frame）也就是所谓的分割窗口、分割画面、框窗效果。

　　【框架的基本概念】

　　1. 首先，各位先看看右手边这张图，我们将利用这张图来作解说，这样子，讲起来可能会清楚一点。 OK！我们可以看见，右边的这个窗口，一共分为 1 、 2 、 3 三个框架，每一个框架，各有其显示的内容分别是a.htm、b.htm、c.htm三个档案。然而左下角的那个 index.htm 是做什么用的呢？

　　2. 原来，左下角的这个档案 index.htm，就是要告诉计算机，我们要将画面分割成这样，也就是说，所有Frame的卷标，其实都只摆在 index.htm 这个档案里。（当然，不是档名一定要叫做 index.htm 取其它档名也是可以的。）

　　3. 这样明白了吗？总之，您要分割几个框框，就一定会有几个对应的html档案（假如您要分割100个框框，就要有100个html档就对了。），另外，还会多一个档案是来告诉计算机要如何分割的。（也就是例中的 index.htm 档啦！）

　　【开始分割】

　　1. 别急、别急，分割窗口可是一门学问，要分割也是要一步一步来的。看看刚刚那例子，想象画面是一个蛋糕，你要怎么割，才能割成那样呢？

　　原始码 呈现结果

　　《HTML》

　　《HEAD》

　　《TITLE》框窗实作《/TITLE》

　　《/HEAD》

　　《/HTML》

　　2. 各位会发现，奇怪，在上面的语法中，怎么都没见到《BODY》《/BODY》熟悉的身影？呵呵。。。没错，它已经被待会儿要加进去的《FRAMESET》《/FRAMESET》卷标给取代了！也就是说，如果我们要分割画面，就要先用《FRAMESET》卷标告诉计算机说：『喂！我要开始分割了！』此时，《BODY》是派不上用场的，所以躲到一旁凉快去了！

　　3. 现在开始动手割割看啰！我们先将画面分成左右两边（左边就是框窗 1 了，右边就暂定为 2 等一下还要分割呢！），如下图：

　　原始码 呈现结果

　　《HTML》

　　《HEAD》

　　《TITLE》框窗实作《/TITLE》

　　《/HEAD》

　　《FRAMESET COLS=“120，*” 》

　　《FRAME SRC=“a.htm” NAME=“1”》

　　《FRAME SRC=“b.htm” NAME=“2”》

　　《/FRAMESET》

　　《/HTML》

　　4. 在《FRAMESET》中，我们要告诉计算机到底是要左右分（COLS）？还是上下分（ROWS）。一开始我们是左右分，所以我们写成《FRAMESET COLS=“120，*” 》。COLS=“120，*” 就是说，左边那一栏强制定为 120点，右边则随窗口大小而变。除了直接写点数外，我们亦可用百分比来表示，例如COLS=“20%，80%”也是可以的。

　　5. 然后，再将右边的框窗再割成上下两个画面（也就是框窗 2 和 3 了）。如下图：

　　原始码 呈现结果

　　《HTML》

　　《HEAD》

　　《TITLE》框窗实作《/TITLE》

　　《/HEAD》

　　《FRAMESET COLS=“120，*”》

　　《FRAME SRC=“a.htm” NAME=“1”》

　　《FRAMESET ROWS=“100，*”》

　　《FRAME SRC=“b.htm” NAME=“2”》

　　《FRAME SRC=“c.htm” NAME=“3”》

　　《/FRAMESET》

　　《/FRAMESET》

　　《/HTML》

　　6. 看见了没？原本的《FRAME SRC=“b.htm” NAME=“2”》（在第 3 点的语法中）被另一组《FRAMESET ROWS=“100，*” 》所取代了！所以要注意喔！第二组《FRAMESET ROWS=“100，*” 》是被第一组《FRAMESET COLS=“120，*” 》所包围起来的喔！（乱七八糟了对不对？）

　　7. 呵呵。。。不知不觉就大功告成了，其实只要将最后完成的那些语法存成 index.htm，然后再准备三个档 a.htm 、b.htm 、c.htm那么就完工啰！

　　查看更多HTML教程》》》》》