Embed标签:
(一)、基本语法:
embed src=url
说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,
Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。
示例:<embed src="your.mid">
(二)、属性设置:
1、自动播放:
语法:autostart=true、false
说明:该属性规定音频或视频文件是否在下载完之后就自动播放。
true:音乐文件在下载完之后自动播放;
false:音乐文件在下载完之后不自动播放。
示例:<embed src="your.mid" autostart=true>
<embed src="your.mid" autostart=false>
2、循环播放:
语法:loop=正整数、true、false
说明:该属性规定音频或视频文件是否循环及循环次数。
属性值为正整数值时,音频或视频文件的循环次数与正整数值相同;
属性值为true时,音频或视频文件循环;
属性值为false时,音频或视频文件不循环。
示例:<embed src="your.mid" autostart=true loop=2>
<embed src="your.mid" autostart=true loop=true>
<embed src="your.mid" autostart=true loop=false>
3、面板显示:
语法:hidden=ture、no
说明:该属性规定控制面板是否显示,默认值为no。
ture:隐藏面板;
no:显示面板。
示例:<embed src="your.mid" hidden=ture>
<embed src="your.mid" hidden=no>
4、开始时间:
语法:starttime=mm:ss(分:秒)
说明:该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。
示例:<embed src="your.mid" starttime="00:10">
5、音量大小:
语法:volume=0-100之间的整数
说明:该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。
示例:<embed src="your.mid" volume="10">
6、容器属性:
语法:height=# width=#
说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。
height:控制面板的高度;
width:控制面板的宽度。
示例:<embed src="your.mid" height=200 width=200>
7、容器单位:
语法:units=pixels、en
说明:该属性指定高和宽的单位为pixels或en。
示例:<embed src="your.mid" units="pixels" height=200 width=200>
<embed src="your.mid" units="en" height=200 width=200>
8、外观设置:
语法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、
volumelever 说明:该属性规定控制面板的外观。默认值是console。
console:一般正常面板;
smallconsole:较小的面板;
playbutton:只显示播放按钮;
pausebutton:只显示暂停按钮;
stopbutton:只显示停止按钮;
volumelever:只显示音量调节按钮。
示例:<embed src="your.mid" controls=smallconsole>
<embed src="your.mid" controls=volumelever>
9、对象名称:
语法:name=#
说明:#为对象的名称。该属性给对象取名,以便其他对象利用。
示例:<embed src="your.mid" >
10、说明文字:
语法:title=#
说明:#为说明的文字。该属性规定音频或视频文件的说明文字。
示例:<embed src="your.mid" title="第一首歌">
11、前景色和背景色:
语法:palette=color|color
说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景
色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名,还可以是transparent
(透明)。 示例:<embed src="your.mid" palette="red|black">
12、对齐方式:
语法:align=top、bottom、center、baseline、 left、right、texttop、middle、
absmiddle、absbottom
说明:该属性规定控制面板和当前行中的对象的对齐方式。
center:控制面板居中;
left:控制面板居左;
right:控制面板居右;
top:控制面板的顶部与当前行中的最高对象的顶部对齐;
bottom:控制面板的底部与当前行中的对象的基线对齐;
baseline:控制面板的底部与文本的基线对齐;
texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;
middle:控制面板的中间与当前行的基线对齐;
absmiddle:控制面板的中间与当前文本或对象的中间对齐;
absbottom:控制面板的底部与文字的底部对齐。
示例:<embed src="your.mid" align=top>
<embed src="your.mid" align=center>
-
hidden="true" 意思是隐藏播放器按钮hidden="false"开启
-
autostart="true" 意思是打开网页加载完后自动播放
-
loop="true"> 循环播放 如仅播放一次代码为:loop="false">
一、在HTML文档中插入GIF动画文件
使用<img>标记就可以将图像插入到网页中。
<img src=gif文件的位置 alt=”图像的说明”>
二、在HTML文档中插入声音
要给网页添加声音,用户仅需要引用系统中的一个声音文件(.wav或.midi)。例如,
<bcsound src=”path\sound filename” loop=”positive number/infinite”>
其中path\sound filename指定声音文件的路径和文件名。Loop属性指定播放声音的次数,positive number是正数次数,infinite是无限循环。值得注意的是,Netscape Navigator不支持BGSOUND标记,只有Internet Explorer支持。也可以使用嵌入对象方式,使用<EMBED>标记将声音添加到网页上。例如:
<embed align=center width=”200” hight=”200” src=”\path\a.wav” autostart=”true” hidden>
其中:align:嵌入对象的位置
Width:嵌入对象的宽度
Height:嵌入对象的高度
Src:声音文件的路径
Autostart:是否在访问该网页时自动播放,true表示是自动播放
Hidden:声音控制面板不在网页中显示出来
三、在HTML文档中插入视频
要将视频文件插入到HTML文档中,也可以使用<embed>标记。例如:
<embed src=”声音文件的路径及文件名” heigth=100 width=200>
四、插入Java Applet
在WEB上创建交互式程序的方法有几种,方法之一就是使用Applet。Applet是使用java类的语言编写的,专门用于通过WEB浏览器在Internet上实现动画或交互效果。HTML代码如下:
<applet code=appletDemo width=150 height=200>
<param value=”cup.gif”>
</applet>
其中:code指定Applet文件(类文件)的路径;width和height指定Applet在浏览器屏幕上的尺寸。还可以使用<param>给Applet传递参数,其中name指定参数名,值由value参数指定
插入图片的时候,仅仅使用<img>标记是不够的,需要配合其它的属性来完成,如下表所示。
属性 | 描述 |
---|---|
src | 图像的源文件 |
alt | 提示文字 |
width,height | 宽度、高度 |
border | 边框 |
vspace | 垂直间距 |
hspace | 水平间距 |
align | 排列 |
dynsrc | 设定avi文件的播放 |
loop | 设定avi文件循环播放次数 |
loopdelay | 设定avi文件循环播放延迟 |
start | 设定avi文件播放方式 |
lowsrc | 设定低分辨率图片 |
usemap | 映象地图 |
无序列表形状:
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
disc : CSS1 默认值。实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大[写罗马数字
lower-alpha : CSS1 小写英文]字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenianl : CSS2 未支持。传统的亚美尼亚数字
cjk-ideographic : CSS2 未支持。浅白的表意数字
georgian : CSS2 未支持。传统的乔治数字
lower-greek : CSS2 未支持。基本的希腊小写字母
hebrew : CSS2 未支持。传统的希伯莱数字
hiragana : CSS2 未支持。日文平[假名字符
hiragana-iroha : CSS2 未支持。日文平]假名序号
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序号
lower-latin : CSS2 未支持。小写拉丁字母
upper-latin : CSS2 未支持。大写拉丁字母