HTML学习笔记之多媒体网页效果

一.滚动字幕

使用标签,可以实现滚动字幕,以增加网页的动感,让网页显得更有生气,达到动感十足的视觉效果。

是一个成对出现的标签,它有deirection,behavior,loop,scrollamount, scrolldelay,align,bgcolor,height,width,hspace,vspace等属性,其语法格式如下:

要滚动的文字

(1)direction属性用于设置滚动文字的移动方向,使文字具有更多的变化。它的属性值为left、right、up和down。其中,left表示从右向左移动,这是默认方式。right表示从左向右移动,up表示从下往上移动,down表示从上往下滚动。

(2)behavior属性用于设置滚动文字的移动效果。它的取值为scorll,slide,alternate。scroll表示循环往复滚动;slide表示滚动到一方后停止滚动,只滚动一次;alternate表示滚动到另一方后向相反方向滚动,交替进行滚动。

(3)loop属性用于设置文字滚动的循环次数,若未指定或选取为infinite时,则循环不止。

(4)scrollamount属性用于调整文字的滚动的速度。

(5)scrolldelay属性用于设置文字每一次滚动的间隔之间的延迟时间,以毫秒为单位。

(6)align属性用于设置文字的对齐方式。它的取值为top,middle,bottom。

(7)bgcolor属性用于设置滚动文字的背景色。

(8)height和width属性用于滚动文字的宽度和高度,单位为像素或者占浏览器窗口的百分比。

(9)hspace和vspace属性设置滚动文字四周的水平空间和垂直空间,单位为像素或占浏览器窗口的百分比。

示例:


	
		设置滚动字幕及其属性
	
	
		
滚动文字可以增加网页的生动性

运行结果:

HTML学习笔记之多媒体网页效果_第1张图片

此外,还可以为滚动字幕添加超级链接,其语法格式如下:

滚动文字

示例:


	
		设置滚动字幕及其属性
	
	
		
欢迎进入KOF.net
运行结果:

HTML学习笔记之多媒体网页效果_第2张图片


二、嵌入多媒体文件

WEB页面是多媒体的,网页内除了可以插入各种美观的图片,及其他变化的文字样式外,还可以在网页内播放音乐及电影,或者插入flash动画等其他多媒体文件。

使用标签可以将多媒体文件插入到网页中。当访问者用鼠标单击多媒体对象时,该类多媒体文件所关联的应用软件将被激活,用户就可以欣赏有多媒体文件的网页了。

标签主要有src,height,width三个属性。其语法格式如下:

src属性用于指导多媒体文件的地址,该属性是必须的。

height和width属性用于设置多媒体对象的高度和宽度,单位为像素。

loop属性用于设置播放的次数。若设为true,则无限次播放循环,直到退出该网页或单击播放网页中的停止按钮;若设置no,则仅播放一次,其默认方式为no。

1.插入音频

1),嵌入mp3

在网页中嵌入MP3的语法格式为:


2).设置背景音乐

若浏览者设置希望在浏览器的同时欣赏到背景音乐,可以通过如下语法设置:

一般来说,背景音乐可以是mp3、midi或wav格式。

2.插入视频

在网页中插入avi视频文件的语法格式为:

3.插入Flash动画

在网页中插入Flash动画文件的语法格式如下:

嵌入多媒体文件 > mp3.html


	
		插入MP3文件
	
	
		

网页中的多媒体


avi.html


	
		在网页中插入AVI视频文件
	
	
		

网页中的视频文件将播放三次


flash1.html


	
		在网页中插入Flash
	
	
		

运行结果:

HTML学习笔记之多媒体网页效果_第3张图片


火狐居然不支持embed标签,顿时郁闷了,找了好久的插件,没一个能用的,最后还是用了老IE=.=.



你可能感兴趣的:(HTML学习笔记)