登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>网页制作入门>>框架标签
框架标签
来源: ‖ 作者: ‖ 点击: ‖ 时间:12-09-14 14:23:11 ‖ 【 】‖ 我要投稿
框架概念

  1. 首先,各位先看看右边这张图片,将利用这张图来做解释,这样子,讲起来可能会清楚一些。框架說明图 我们可以看见,右边的这个图片,一共分为 1 、 2 、 3 三个框架,每一个框架,各有其显示的內容分别是 a.htm、b.htm、c.htm 三个文件。然而左下角的那个 index.htm 是做什么用的呢?

  2. 原来,左下角的这个文件 index.htm,就是要告诉浏览器,我们要将页面分割成这样,也就是说,所有Frame的标签,其实都只放在 index.htm 这个文件里

  3. 这样明白了吧!总之,你要分割几个框,就一定会有几个对应的html 文件。

  开始分割

  1. 分割窗口可是一门学问,要分割也是要一步一步来的。看看刚刚那例子,想像页面是一个蛋糕,你要怎么割,才能割成那样呢?

原始代码 显示结果


框架制作


 

  2. 各位会发现,奇怪,在上面的语法中,怎么没看到 标签呢?呵呵...没错,它已经被将要加进去的 标签給取代了!也就是说,如果我们要分割页面,就要先用标签告诉浏览器:"我要开始分割了!"此时, 是派不上用场的,所以躲到一旁凉快去了!

  3. 现在开似乎动手分割看吧!我们先将页面分成左右两边,如下图:

原始代码 显示结果


框架制作


 
 


   

  4. 在中,我们要告诉浏览器到底是要左右分(COLS)?还是上下分(ROWS)。一开始我们是左右分,所以我们写成

  5. 然后,再将右边的框窗再分割成上下两个页面。如下图:

原始代码 显示结果


框架制作


 
 
  
  
 


   
 

  6. 看见了没?原本的 在第 3 点的语法中)被另一组取代了!所以要注意!第二组是被第一组 包围起来的!

  7. 不知不觉就大功告成了,其实只要将最后完成的那些语法存成 index.htm,然后再准备三个文件 a.htm 、b.htm 、c.htm 那么就完工了!当然,这是一个最好的分割法,再将一些进阶的标签在下面一一说明。

  其他标签参数说明:

  例子 :

  1. COLS="120,*" 就是垂直切割页面啦!你可以一次切成左右两个页面,当然也可以切成三个,很简单只要写成 COLS="30,*,50" (数字随便你自己调整!),依此类推,四个以上当然就是四组数字了!

  2. ROWS="120,*" 就是橫向切割页面,也就是将页面上下分开,切法同上。

  3. FRAMEBORDER=0 设定框架的边框,其值只有 0 和 1 , 0 就是不要边框, 1 就

|<< << < 1 2 > >> >>|
加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
  • 上一篇:表格标签
  • 下一篇:无
  • 相关文章列表
    请文明参与讨论,禁止漫骂攻击。  
    网友评论