学习网页制造基础入门教程(8)框架标签
日期：2013-09-30 浏览次数：20893 次
相关文章：
框架概念
1. 首先，各位先看看左边这张图片，将利用这张图来做解释，这样子，讲起来可能会清楚一些。
我们可以看见，左边的这个图片，一共分为 1 、 2 、 3 三个框架，每一个框架，各有其显示的內容分别是 a.htm、b.htm、c.htm 三个文件。然而左下角的那个 index.htm 是做什么用的呢？
2. 原来，左下角的这个文件 index.htm，就是要通知浏览器，我们要将页面分割成这样，也就是说，所有Frame的标签，其实都只放在 index.htm 这个文件里。
3. 这样明白了吧！总之，你要分割几个框，就一定会有几个对应的html 文件。
开始分割
1. 分割窗口可是一门学问，要分割也是要一步一步来的。看看刚刚那例子，想像页面是一个蛋糕，你要怎样割，才能割成那样呢？
| 原始代码 | 显示结果 | |
| <HTML> <HEAD> <TITLE>框架制造 </TITLE> </HEAD> </HTML> |
2. 各位会发现，奇怪，在上面的语法中，怎样没看到 <BODY></BODY> 标签呢？呵呵...没错，它曾经被将要加进去的 <FRAMESET></FRAMESET> 标签給取代了！也就是说，如果我们要分割页面，就要先用<FRAMESET>标签通知浏览器：＂我要开始分割了！＂此时，<BODY> 是派不上用场的，所以躲到一旁凉快去了！
3. 如今开似乎动手分割看吧！我们先将页面分成左右两边，如下图：
| 原始代码 | 显示结果 | ||
| <HTML> <HEAD> <TITLE>框架制造</TITLE> </HEAD> <FRAMESET COLS="120,*" > <FRAME SRC="a.htm" NAME="左"> <FRAME SRC="b.htm" NAME="右"> </FRAMESET> </HTML> |
4. 在<FRAMESET>中，我们要通知浏览器到底是要左右分（COLS）？还是上下分（ROWS）。一开始我们是左右分，所以我们写成<FRAMESET COLS="120,*"。COLS="120,*" 就是说，左边那一栏强制定为 120 px，左边则随浏览器大小而变。除了直接写px数外，我们也可以用百分比来表示，例如COLS="20%,80%"也是可以的。
5. 然后，再将左边的框窗再分割成上下两个页面。如下图：
| 原始代码 | 显示结果 |
| <HTML> <HEAD> <TITLE>框架制造</TITLE> </HEAD> <FRAMESET COLS="120,*"> <FRAME SRC="a.htm" NAME="左"> <FRAMESET ROWS="100,*">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
|
