HTML5保留了<img.../>元素在页面中定义图像，它是一个空元素，必须指定以下两个属性：
1、src：该属性指定图片文件所在位置，可以是相对或绝对路径
2、alt：该属性指定一段文本，作为该图片的提示信息
除此之外，还可以指定以下两个可选属性：
1、height：指定该图片的高度，可以是百分比或像素值
2、width：指定该图片的宽度，可以是百分比或像素值
除此之外，还有两个相关的标签：
1、<map>：用于定义图片映射
2、<area>：用于定义图片映射的内部区域
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>图片相关标签</title> </head> <body> <img src="logo.jpg" alt="疯狂Java的Logo" /><br /> <!-- 定义图片，指定高、宽 --> <img src="img/logo.jpg" width="300" height="120" alt="疯狂Java的Logo" /><br /> <!-- 定义图片，使用指定的图片映射 --> <img src="img/logo.jpg" width="300" height="120" border="0" usemap="#test" alt="疯狂Java的Logo" /><br /> <!-- 定义图片映射 --> <map name="test" id="test"> <!-- 为该图片映射定义2个区域 --> <area shape="circle" coords="57,55,25" href="http://www.leegang.org" alt="leegang.org" /> <area shape="poly" coords="188,28,185,50,200,74,224,72,246,51" href="http://www.crazyit.org" alt="crazyit.org" /> </map> </body> </html>
原文：http://my.oschina.net/u/2399867/blog/516561