日期:2013-09-30  浏览次数:20826 次

  相关文章:

  学习网页制造基础入门教程(1)网页编写

  学习网页制造基础入门教程(2)排版标签

  学习网页制造基础入门教程(3)字体标签

  学习网页制造基础入门教程(4)图象标签

  学习网页制造基础入门教程(5)图象标签

  学习网页制造基础入门教程(6)连接标签

  学习网页制造基础入门教程(7)表格标签

  框架概念

  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,*">