荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: lvyou (风雨同路卡拉Baby), 信区: Homepage
标  题: 被遗忘的HTML标记(下)
发信站: 荔园晨风BBS站 (Sat Feb  2 20:54:05 2002), 转信

被遗忘的HTML标记(下)
作者: 蟋蟀   www.ASPCool.com 时间:2000-8-1 23:47:35  阅读次数:996

     3.MARQUEE

    只可以在IE3.0以上版本的浏览器中运行的HTML元素,NetScape浏览器会忽略该元素
。MARQUEE可以为我们在页面上提供一个“电子播放器”,即产生滚动字幕的页面效果。它
的基本语法结构如下所示:
    <MARQUEE ALIGN=″alignment″ BEHAVIOR=″type″ BGCOLOR=″color″
DIRECTION=″direction″ SCROLLAMOUNT=″n″ SCROLLDELAY=″n″ LOOP=″n″ WIDTH=″
x″ HEIGHT=″y″ HSPACE=″x″ VSPACE=″y″>滚动字幕内容</MARQUEE>
    其中ALIGN用来指定滚动字幕与左右文字的对齐方式,它的值可以有top、middle、
bottom等;BEHAVIOR用来指定滚动字幕的滚动方式,它的属性值有scroll、slide和
alternate三个,scroll表示滚动字幕内容向同一方向重复滚动,slide表示滚动字幕内容从
一端向另一端滚动并在另一端停止,alternate表示滚动字幕内容在两端之间来回往复滚动
;DIRECTION指定滚动字幕的滚动方向,它的属性值有left和right两个,分别表示滚动字幕
由右向左和由左向右滚动;SCROLLAMOUNT用来设置多次滚动之间的间隔距离,其单位是
pixels(像素);SCROLLING用来指定滚动字幕滚动一次所需要的时间,单位是ms(千分之
一秒),其值的大小将直接影响滚动字幕的滚动速度;LOOP属性是用来指定滚动字幕的滚动
次数的,当它的值为“-1”时,滚动字幕将连续滚动直到浏览器载入下一个页面;HSPACE
和VSPACE则分别用来指定滚动字幕与其上一级页面在水平方向和竖直方向上的距离。
    4.MULTICOL

    MULTICOL元素是只能在NetScape3.0以上版本的浏览器中运行的HTML元素,尽管在IE
中也不会造成太大的麻烦,用来在网页上实现分栏效果。它的基本语法结构如下所示:
    <MULTICOL COLS=″n″ GUTTER=″x″ WIDTH=″x″></MULTICOL>
    其中的COLS属性定义分栏栏数,GUTTER表示各栏之间的距离,而WIDTH表示的是每栏
宽度,而不是整个分栏区域的宽度。还需要注意的是,MULTICOL在处理分栏时,并不能自动
为文字换行,所以还需要在每行的最后加上强制换行标签<BR>。请看下例:
    <BODY>
    <MULTICOL COLS=″3″ GRTTER=″10″ WIDTH=″450″>
    这首诗是周恩来同志……《敬业》第五期。
    </MULTICOL>
    </BODY>
    需要注意的是,由于NetScape在处理中文换行问题上的不足,要使分栏效果能够正常
显示,还必须在页面文件开头的META标签内加上″charset=gb2312″代码。

    5.SPACER

    SPACER也是一个只能在NetScape3.0以上版本的浏览器中运行的HTML元素,通过运用
SPACER元素,可以在页面上产生一些具有一定尺寸和位置的空格,从而实现一些特殊的效果
。它的语法结构如下所示:
    <SPACER TYPE=″block″ ALIGN=″alignment″ WIDTH=″x″ HEIGHT=″y″>
    或者是
    <SPACER TYPE=″horizontal/vertical″ ALIGN=″alignment″ SIZE=″n″>
    这两种语法结构基本相同,只不过TYPE属性值为″block″时,只能通过WIDTH和
HEIGHT来定义它的尺寸,而不能用SIZE属性;而当TYPE属性值为″horizontal″或″
vertical″时,只能用SIZE属性来控制尺寸。TYPE属性值为″block″时,WIDTH表示空格的
宽度,HEIGHT表示空格的高度,多出所在行行高的部分将会延伸到下一行;当TYPE的属性值
为″horizontal″时,表示在该行插入一个水平方向上的空格,其宽度为SIZE属性所指定的
数值;TYPE属性值为″vertical″时,表示在该处插入一个竖直方向上的空格,SIZE值表示
的是该行与上一行之间的行距。下面请看一个用到了以上三种TYPE属性的例子:
    <body>
    <spacer type=″block″ align=″left″ width=″32px″ height=″100px″>
    <spacer type=″horizontal″ size=″32px″>由于现在的软件越做越大,4G以下的
硬盘已被淘<spacer type=″vertical″ size=″8px″>汰出了主流市场……
    </body>

    6.LAYER

    LAYER是在NetScape Communicator 4.0中才出现的HTML元素,它可以让网页中的不同
元素位于不同的层上,这类似于PhotoShop中层的概念。通过使用LAYER元素,可以在页面中
实现图文定位、元素重叠等效果,如果再与适当的Script语言结合,还可以实现改变重叠顺
序、控制元素的显示或隐藏,甚至还可以实现动画效果。LAYER的基本语法结构如下:
    <LAYER NAME=″name″ LEFT=″x″ TOP=″y″ Z-INDEX=″n″ VISIBILITY=″
visibility″>……</LAYER>
    其中NAME用来给层命名,通过这个名字Script可以对该层进行操作。LEFT和TOP用来
控制层在页面中的位置,分别表示层的左上角距浏览器窗口左边框和上边框的距离。Z-
INDEX属性中用来控制不同的层在页面中的层叠顺序,数字小的层位于数字大的下面。
VISIBILITY属性定义该层的显示属性,它的值有show、hide、inherit,其中show和hide分
别表示该层为可见和不可见,而inherit则表示该层的显示属性与其上一级层的显示属性相
同。请看下面的这个实例:
    <BODY BGCOLOR=″#ffffdd″>
    <layer name=″layer1″ left=″10″ top=″10″ z-index=0>
    <img src=″girl.jpg″ WIDTH=″240″ HEIGHT=″240″>
    </layer>
    <layer name=″layer2″ left=″190″ top=″70″ z-index=1>
    <FONT COLOR=″0000ff″ SIZE=″5″ FACE=″楷体_gb2312″><B>Hi!你好,小女子
网名毛毛,希望能与你成为好朋友</B></FONT>
    </layer>
    </BODY>
    以上我们所提到的元素只是比较重要的几个,这些元素在使用的时候,虽然仅被一种
浏览器所支持,但在别的浏览器上一般也不会产生错误的信息。而有些元素,如IFRAME,在
不支持的浏览器中运行后不能够正常地表达页面的意图,用与不用,就要看你的智慧了。


--
┏━━┳┳━┳━┳┓┏┳━┳━┓━━━━━── ─ -
┗┓┏┫┃  ┃┣┫┗┫┃  ┃┣┛━━━─ ─ - -
  ┃┃┃┃┃┃┣┫┏┫┃┃┃┣┓━━── - clear
  ┃┃┃┃┃┃┃┃┃┃┃┃┃┃┃━─ -
  ┗┛┗┻┻┻━┻━┻┻┻┻━┛━-

※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 203.93.19.1]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店