文档介绍：教学项目十 HTML图片与声音标志的使用
【教学内容】
讲解HTML标准中的图片及声音标志
【教学目的】
使学生掌握图片标志,声音标志及相应的属性,学会利用标志在网页中插入声音与图片
【新课】
一、图片标志img的使用
1.  语法
<img src=图片文件路径及名称>
与img配合使用的属性:
src: 指定图片所在位置及文件名
align: 设置文字与图片的对齐方式
border:设定图片外框
vspace:设定图片与文字垂直方向间隔
hspace:设定图片与文字水平方向音隔
width: 调整图片宽度
height:调整图片高度
alt: 浏览器无法正常显示图片时,显示alt指定的文字
例1:
插入图片,宽度400,高度280,垂直居中对齐
<html>
<head>
<title>图片插入例子</title>
</head>
<body>
<p> 这是使用img插入的图片</p>
<hr color=green size=4>
<img src= width=800 height=240 align=middle>
<br>
</body>
</html>
<html>
<head>
<title>图片背景的使用</title>
</head>
<body background= bgproperities=fixed>
<p><center><font size=6 face=隶书 color=green>爱情是什么</font></center></p>
<br><br>
<p> 老妈说:爱情是颗洋葱头,一片片剥下去,总有一片让你泪流满面;
<br>老爸说:爱情是感冒,既瞒不了自己,也瞒不了别人,因为你抑制不住
自己的喷嚏和鼻涕;<br>朋友说:爱情是只啁啾的鸟,总想往高处飞,但又
总要找个栖息的角落;<br>而嗜饮咖啡的我更愿意说:爱情是一杯香浓的咖啡。
</body>
</html>
在标志img中使用属性dynsrc,可以在网页在加入视频
程序代码如下:
<html>
<body>
<center><img dynsrc= width=400 height=260 loop=2>
</body>
</html>
使用标志embed可以实现在网页中插入声音,视频,动画等效果.
语法:
<embed src=文件名 width=窗口宽度 height=窗口高度>
例5:在网页中插入音频