图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象，其中GIF图象最多只能使用256种颜色（即只能保存为8位颜色），而JPEG格式可保存为24位，对具体连续色调的图象有最佳效果。不过，GIF图象虽然在图象质量上不及JPEG图象，但其所占的存储空间下，下载速度快。因此应视不同情况而决定使用哪种格式的图象。
在HTML文档中插入图象是通过<IMG>标签来实现的。该标签共有个9个属性。除属性SRC是不可缺省的外，其他的属性都是可选的。
一、SRC属性。SRC即Source,该属性用以指出被引用的图象文件所在的位置。例如： 绝对路径表示法：<IMG SRC="http://www.tianyv.net/web/icon.html">
相对路径表示法：<IMG SRC="web/icon.html">
SRC的属性参数值就是图像文件的URL。注意，只有当图象文件和HTML文档在同一目录下时才可采用相对表示法来标识图象文件的位置。
二、ALIGN属性。align属性的参数值为top,middle,bottom.分别表示图象相邻的文字位于图象的左上方，左面中间，和右下方。例如： <html>
<head>
<title>测试页面</title>
</head>
<body>
<HR>
<IMG src="icon.gif"ALIGN=bottom> 我的图标好看吗？
<br>
<HR>
<P><BR>
再看看这个怎样？
<img src="me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p>
<HR>
</body>
<html>
三、可以将图象换成你自己的。
注意，浏览器默认的目录是windows/TEMP临时文件夹。你需要指定图象所在的目录。
四、ALT属性。
用户在浏览网页时，常常会为了节省时间或其他的原因选择不下载图片，加入ALT属性可以在原本显示图片的位置显示一些有关于该图象的信息。ALT属性的参数值就是网页编辑者希望在在原本显示图象的地方出现的文字信息，一般是图象的名称和简要的说明。例如。
<html>
<head>
<title>测试页面</title>
</head>
<body>
<HR>
<IMG src="icon.gif"ALIGN=bottom ALT="这是我的图标">
你看不到吧？嘿嘿
<br>
<HR>
<P><BR>
<br><P>
</body>
</html>