图像和多媒体.pptVIP

练习 1、在以前的练习（文字段落格式）中添加图片，设置图片的宽度和高度，调整文字和图片的水平间距和垂直间距为20个像素。 2、在以前的练习（文字段落格式）中添加另一张图片，设置边框宽度为3。 3、在以前的练习（嵌套列表）中添加图片，设置文字环绕图片，文字与图片的间距为40个像素，同时设置图片的提示文字。 4、新建html文档，输入几段文字，并加入图片，设置其滚动方向和滚动方式，不同的滚动方向和方式的文字颜色和字体不同。 5、新建html文档，输入几段文字，文字颜色为彩色，设置其滚动速度为20和延迟为300，同时设置其滚动文字的颜色。 6、在以上的练习中加入图片，设置图片和文字的间距。 练习 1、在以前的练习中添加背景音乐，如mid、mp3、avi等文件作为网页的背景。 2、在以前的练习中添加一个声音文件和视频文件，设置播放界面的宽度和高度分别为300、50个像素。 3、在以前的练习中添加一个声音文件，设置播放次数为3次，同时隐藏播放界面面板。 4、在以前的网页中嵌入flash、mpeg等类型的媒体文件。 Neusoft Institute of Information 教育创造学生价值 Neusoft Institute of Information 教育创造学生价值 王会 wangh-wh@ 图像和多媒体 1.添加图像 万维网与其他网络类型（如FTP）最大的不同就在于它在网页上可以呈现丰富的色彩及图像。 1.1 添加图像——img 网页中常用的图像格式：GIF格式、JPEG格式、PNG格式 语法：img src=“图像文件的地址”/ 在该语法中，src参数用来设置图像文件所在的地址。 实例：4-1 img.html body !--在页面中居中插入一张图片-- center img src=pic.jpg / /center /body img标记中常用的属性： height、width、 border、 hspace、vspace、 align、 alt 1.2 图像高度和宽度——height、width 语法： img src=“图像文件的地址” height=“图像的高度” width=“图像的高度”/ 实例：4-2 height.html、4-3 width.html !--在页面中居中插入两张图片-- center !--设置图片的宽度为160像素-- img src=pic.jpg width=260 / !--同时设置图片的高度和宽度-- img src=pic.jpg width=260 height=140 / /center 1.4 图像边框——border 通过border属性为图像添加边框。 语法：img src=“图像地址” border=“图像边框的宽度”/ 宽度的单位是像素。 实例：4-4 border.html !--在页面中居中插入两张图片-- center !--不设置图片的边框-- img src=pic.jpg“/ !--设置图片的边框为5像素-- img src=pic.jpg border=5 / /center 1.5 图像水平和垂直间距——hspace、vspace 默认情况下，添加的图像会紧跟在文字之后，图像和文字之间的间距是可以调整的。 语法： img src=“图像地址” hspace=“水平间距” vspace=“垂直间距”/ 间距的单位是像素。 实例：4-5 hspace.html、4-6 vspace.html !--设置图片的水平间距为20像素、垂直间距为100-- img src=pic11.jpg border=2 hspace=20 vspace=100/ img src=pic12.jpg border=2 hspace=20/ 1.6 图像相对于文字基准线的对齐方式 图像的绝对对齐方式包括左对齐、右对齐和居中对齐3种，而相对于文字的对齐方式则是指图像与文字的相对位置。 语法：img src=“图像地址” align=“相对文字的对齐方式”/ align的取值 表示的含义 top 图像的顶部和同行的最高部分对齐 middle 图像的中部和行的中部对齐 bottom 图像的底部和同行文本的底部对齐 texttop 图像的顶部和同行中最高的文本顶部对齐（Netscape） absmiddle 图像的中部和同行中最大项的中部对齐（Netscape） baseline 图像的底部和文本的基线对齐（Netscape） absbottom 图像的底部和同行中的最低项对齐（Netscape） left 图像和左边界对齐（文本环绕图像） right 图像和右边界对齐（文本环绕图像） 1.6 图像相对