１、在网页中使用图像：使用图像的效果有利也有弊。一方面，使用生动且具有专业水平的图像能使站点内容更加清晰明了，还能起到美化网页的作用；但另一方面，图像越多，下载时间相应也越长，越容易使浏览者失去等待的耐心。最好的方法是用最少的字节数生成高质量的图像。网页中常用的图像格式有GIF、JPEG和PNG等。
１）图像标记img：插入图像的时候，仅仅使用img标记是不够的，还需要配合其他属性来完成。其中scr属性是必需的属性，它指定要插入的图像文件的保存位置与名称。
img的标记的相关属性
| 属性值 |
说明 |
| src |
图像的源文件 |
| alt |
提示文字 |
| width、height |
宽度和高度 |
| border |
边框 |
| vspace |
垂直间距 |
| hspace |
水平间距 |
| align |
对齐方式 |
| lowsrc |
设定低分辨率图片 |
| usemap |
映像地图 |
语法：<img src=”图像文件的路径”/>
说明：图像文件的路径可以是相对路径，也可以是绝对路径。
２）设置图像高度height：默认情况下，页面中图像的显示大小就是图像默认的宽度和高度，与可以使用height属性任意设置图像的高度。（单位是像素）
３）设置图像宽度width：可以定义图像的宽度，如果<img>标记不定义宽度，图像就会按照它的原始尺寸显示。（单位是像素）
４）设置图像的边框border：默认情况下，浏览器显示图像是没有边框的，即边框宽度为0，如果要设置图像的边框可以使用border属性。（单位是像素）
注：当图像上没有添加链接时，边框的颜色为黑色，当图像上添加了链接时，边框的颜色和链接文字颜色一致，默认为深蓝色。
５）设置图像水平间距hspace：图像与文字之间的水平距离可以通过hspace属性设置。通过设置图像的边距，可以使文字和图像的排列显得紧凑，看上去更加协调。（单位是像素）
６）设置图像垂直间距vspace：用于设置图像与文字的垂直间距。（单位是像素）
７）设置图像的对齐方式align：默认情况下，如果不设置图像的对齐方式，图像就会按照行内元素的方法插入一段文本。如果要更改图像在文本中的对齐方式，可以使用align属性进行设置。
语法：<img src=”图像文件的路径” align=”对齐方式” />
说明：对齐方式有两种：即绝对对齐和相对对齐。绝对对齐方式的和文字类似，有3种：居中(middle)、居左(left)、居右(right)。相对对齐方式是指图像与一行文字的相对位置。
align的属性值
| 属性值 |
说明 |
| bottom |
底（文字的） |
| top |
顶端 |
| middle |
中间 |
| left |
左 |
| right |
右 |
| absbottom |
绝对底部 |
| absmiddle |
绝对居中 |
| baseline |
基线 |
| texttop |
文本上方 |
注：（这个的设置好像有此差别不大，但不同的浏览器却有不同的效果和支持情况，所有下面３点也不怎么正确，是我从网上找的，且改了下，因细微差别，也没有进行全部测试，其实这个也不必弄得这么清楚的，适可而止~）（１）"基线"(Baseline)、"底部"(Bottom)、"绝对底部"(Absolute Bottom)效果相同，是指图像底端和文字的底端对齐，其中absbottom较低点。 （２）对于中文"顶端"(Top)、"文本上方"(TextTop)（opera中无效）方式是指图像顶端和文字行最高字符的顶端对齐，好像没有什么区别。 （３）"绝对中间"(Absolute Middle)和"中间"(Middle)是指图像的中间线和文字的中间线对齐。"绝对中间"对齐方式用处比较大，文字前如有小图标，那么图标应该使用"绝对中间"对齐方式。
８）设置图像的提示文字alt：当图像在浏览器中无法显示或者用户禁止显示图像时，提示文字会替代图像在浏览器中显示。
语法：<img src=”图像文件的路径” alt=”提示文字的内容” />
说明：提示文字的内容可以是中文，也可以是英文。
注：显示提示文字有以下几种情况：（１）浏览者可能使用纯文本浏览器。（２）浏览者可能关掉图像显示功能以加快网页载入。（３）图像由于链接问题而不能显示。等等……
２、添加背景音乐
１）设置背景音乐bgsound（好像ie专有的吧）
语法：<bgsound src=”背景音乐的路径” />
说明：背景音乐文件的格式可以是AVI、MP3等类型的声音文件。
注：并不是所有浏览者都喜欢页面的背景音乐，对于采用bgsound标记添加的背景音乐，用户无法控制，所以要谨慎使用。（好像只放一遍，除非刷新）（firefox、opera都用不了的样子……参考：１、http://www.firefoxs.com.cn/html/Firefoxjiqiao/2006/0928/80.html ２、http://bbs.operachina.com/viewtopic.php?t=12458 ３、）
２）设置循环播放次数loop：使用loop标记可以设置背景音乐循环播放的次数。
说明：如果希望无限次循环播放背景音乐，可将循环次数设置为true。
３、添加多媒体文件
１）添加多媒体文件标记embed：用于将多媒体文件添加到页面中。
语法：<embed src=”多媒体文件路径” width=”播放器的宽度” height=”播放器的高度”></embed>
说明：宽度和高度的值一定要设置，单位是像素，否则无法正确显示播放多媒体文件的软件。
２）设置自动运行autostart：用于控制多媒体文件是否自动播放。
说明：autostart的取值有两个，一个是true，表示自动播放；另一个是false，表示不自动播放。
３）设置循环播放loop：用于设置多媒体文件的播放次数。
说明：loop的取值有两个，一个是true，表无限制地重复播放，另一个是false表只播放一次，属性值默认为false。
４）隐藏面板hidden：用于设置播放器的显示或隐藏。
说明：hidden的取值有两个，一个是true，表隐藏面板，另一个是false，表显示面板。
４、添加其他类型的媒体文件：在网页中不仅可以添加多媒体文件，还可以添加其他类型的媒体文件，如Flash动画、MP3音乐、ASF视频和JavaApplet等。