关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>网页制作>>Html>>正文|被遗忘的HTML元素

被遗忘的HTML元素

[ 来路:21kn.com    时间:2007-7-7 17:06:58    点击: ]

 

(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="http://www.21kn.com/Files/BeyondPic/2007-7/7/077717065780729.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,在不支持的浏览器中运行后不能够正常地表达页面的意图,用与不用,就要看你的智慧了。 

(北京 蟋 蟀) 

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:《 DW3的HTML代码格式化和净化功能 》  下一篇:在网页中妙用背景图片

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Dreamweaver8创建自定义代码片

::图像设计::

 

动态图片搜索家——GIF RUNN
软件搜索利器——FileFerret
实例说明构图要讲规律
Character Builder让你尽展靓
全景图速成者Cool360
三维模型速成工具——Canoma
剪贴专家SmartBoard 32
新世纪的图像处理利器——Ph
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号