第六单元 列表、滚动文字、音频、视频

 

列表分为无编号列表和有编号列表。我们常常在网页上见到类似下面的无编号列表:

我的博客文章如下:

HTML的代码是:

我的博客文章如下:
<ul>
<li>第一篇文章</li>
<li>第二篇文章</li>
<li>第三篇文章</li>
<li>第四篇文章</li>
</ul>

上面的代码中,<ul> Tag告诉浏览器这里面是无编号列表;<li>告诉浏览器,这是无编号列表中的一项。

如果希望使用有编号列表,只需把上例中的<ul>更换成<ol>便可。请看下面的代码:

我的博客文章如下:
<ol>
<li><a href=http://www.ddhw.com>第一篇文章</a></li>
<li><a href=http://www.ddhw.com>第二篇文章</a></li>
<li><a href=http://www.ddhw.com>第三篇文章</a></li>
<li><a href=http://www.ddhw.com>第四篇文章</a></li>
</ol>

显示结果如下:

我的博客文章如下:
  1. 第一篇文章
  2. 第二篇文章
  3. 第三篇文章
  4. 第四篇文章

列表是为您提供方便,当然您可以自己其他方式来实现同样的效果(输入每个数字,然后每一行加入换行符<BR>)

 

滚动文字

滚动文字用<marquee> Tag来表示。与大多数HTML Tag一样,<marquee> 也有一些属性来控制滚动文字的速度,方向等性能。请看下例:

<marquee direction=right scrollamount=20>从左向右移!啦啦啦,我走得好快哟!</marquee>
<BR>
<marquee behavior=scroll>一圈一圈绕着走!</marquee>
<BR>
<marquee behavior=slide>只走一次就歇了!(想看我怎么走请刷新该网页)</marquee>
<BR>
<marquee behavior=alternate>来回走</marquee>
<BR>
<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

上面的代码的显示结果如下:

从左向右移!啦啦啦,我走得好快哟!
一圈一圈绕着走!
只走一次就歇了!(想看我怎么走请刷新该网页)
来回走
啦啦啦,我走一步,停一停!

<marquee> Tag的常用属性:

direction: 方向,值可以为left(从右向左,默认值),right(从左向右),up(从下往上),down(从上往下)
scrollamount:速度。数值越大,速度越快。默认值为6
behavior:滚动方式,值可以为scroll(一圈一圈绕着走,默认方式),slide(只走一次),alternate(来回走)
loop:滚动次数,值为数字。默认值为无数次。
scrolldelay:延时,值为数字。默认值为0(也就是不延时)

请注意,在滚动文字Tag <marquee>与</marquee>之间,如果放上图片而不是文字,那么同样可以起到图片滚动的效果。大家可以使用工具,看看下面代码的效果:

用工具看看下面一行显示的是什么?<BR>
<marquee><img src="http://info.ddhw.com/img/20.gif"></marquee>

 

音频

在网页中插入音乐需要使用<object>或者<embed> Tag,或者两者结合。顶顶华闻编辑器里使用了两者结合的方法。有兴趣的朋友可以自己试着使用一下。

这里,我们介绍一种比较简单的插入音乐的代码,仅仅使用<embed> Tag。要插入音乐,首先要有歌曲的URL。例如歌曲的URL:http://202.112.58.201/worldcup2006/music/Hips_Dont_Lie.mp3 (这首歌名为 Hips don't lie)。在网页中插入这首歌曲的代码如下:

<embed src="http://202.112.58.201/worldcup2006/music/Hips_Dont_Lie.mp3" width=300 height=40 controls=ControlPanel loop=true autostart=true volume=100 type=audio/x-pn-realaudio-plugin Initfn=load-types mime-types=mime.types >

上面的代码大家可以用工具测试一下。需要稍等片刻,歌曲会自动播放。

代码中,src属性表示歌曲的URL;width,height属性表示播放器宽度和高度;loop=true表示歌曲不停的重复播放;autostart=true表示歌曲自动播放。

 

视频

网页中的视频与音频类似,首先需要视频的URL。例如视频的url: mms://wm.wbr.com/joshgroban/vincent_aol/joshgroban_vincent_aol_300.wmv(这个视频名为 Vincent)。在网页中插入这个视频的代码如下:

<EMBED style="FILTER: xray(); WIDTH: 400px; HEIGHT: 350px" src=mms://wm.wbr.com/joshgroban/vincent_aol/joshgroban_vincent_aol_300.wmv width=400 height=430 type=audio/x-ms-wma loop="-1" autostart="true" volume="0">

上面的代码大家可以用工具测试一下。需要稍等片刻,视频会自动播放。

代码中,Filter表示滤波器属性 xray是黑色的播放器 invert代表棕色的播放器 gray是灰白色的 silver 是淡蓝色的 src属性表示视频的URL;width,height属性表示播放器宽度和高度;autostart=true表示视频自动播放。

 

Flash

网页中的Flash与音频视频类似,也需要URL。例如Flash的url: http://i211.photobucket.com/albums/bb311/best88china/thankyou.swf(这个Flash名为 thank you)。在网页中插入这个flash的代码如下:

<embed src=http://i211.photobucket.com/albums/bb311/best88china/thankyou.swf quality=high width=400 height=300 type='application/x-shockwave-flash'>

上面的代码大家可以用工具测试一下。需要稍等片刻,flash画面就会出现。

代码中, src属性表示flash的URL;width,height属性表示flash的宽度和高度.

 
 
下一单元:关于论坛编辑器
 
 
顶顶华闻 版权所有 Copyright © 转载条款