返回首页
当前位置: 主页 > 编程语言 > HTML教程 >

利用IFRAME标签制作浮动页面

时间:2014-02-20 01:03来源:电脑教程学习网 www.etwiki.cn 编辑:admin

在网页制作的过程中我们通常会有这样的想法,那就是在尽可能少的页面空间里安排尽可能多的内容,那么如何实现呢?方法当然有许多种,比如常见的用java或javascript制作的信息滚动或轮显脚本,除此之外,今天向您介绍一种时下很流行的方法:用IFRAME标签制作浮动页面。
  首先要声明一点:IFRAME是一个只可在IE3.0以上的浏览器中运行的HTML元素,在NetScape浏览器中运行时不会显示出任何效果。怎么,没意思?不!其实你完全没必要因为它不兼容NS就放弃使用这样一个精彩的标签,原因是时下大多数人使用的是IE,如果你是一个要求完美的人,好办:应用简单的浏览器识别脚本并分别设计不就行了吗?言归正传。
  IFRAME元素可以在页面中插入一个浮动的窗口,在这个浮动窗口中可以显示另外一个网页页面。它的基本语法格式如下:

<IFRAME SRC=″url″ FRAMEBORDER=″1或0″ WIDTH=″x″ HEIGHT=″y″
SCROLLING=″yes或no″ ALIGN=″alignment″ MARGINWIDTH=″x″ MARGINHEIGHT=″y″>
</IFRAME>

  其中SRC是用来指定在页面浮动窗口中显示的网页文件的具体url地址;FRAMEBORDER用来指定页面浮动窗口是否具有边框,它的值只有1和0两个,分别表示有边框和没有边框;WIDTH和HEIGHT用来指定页面浮动窗口的宽度和高度;SCROLLING指定页面浮动窗口是否需要用滚动条,它的值有yes和no两个,当页面浮动窗口内嵌网页页面大于浮动窗口时,在默认的情况下,在浮动窗口的右边和下边会自动提供滚动条,但如果SCROLLING=″yes″,则不管在什么情况下,浮动窗口都会提供滚动条,如果SCROLLING=″no″,则不管在什么情况下,浮动窗口都不提供滚动条;ALIGN属性指定浮动窗口内的页面相对于浮动窗口的位置,它的值有left、right、top、middle、bottom,分别表示浮动窗口内的页面的位置是靠左、靠右、靠上、居中和靠下;MARGINWIDTH和MARGINHEIGHT分别用来指定浮动窗口内的页面与浮动窗口之间在水平方向和竖直方向上的填充距。

  请看下例:

  <BODY>
  <IFRAME SRC="update.htm" name="update" FRAMEBORDER="1" WIDTH="200"
HEIGHT="120" MARGINWIDTH="0" MARGINHEIGHT="0"></IFRAME>
  </BODY>

------分隔线----------------------------
标签(Tag):html5 html html技巧 html实例教程 html源代码 html基础教程
------分隔线----------------------------
推荐内容
猜你感兴趣