<img src="" alt="" title=""/>
src指定图片路径，可以是相对路径，也可以是决定路径。
src是img标签必不可少的属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img src="img/haizei.png">
</body>
</html>
alt必选属性，title可选属性。
alt和title都用于图片描述，alt给搜索引擎看，图片无法显示时，页面显示alt文字；
title给用户看，鼠标指针移动到图片上时，显示title文字。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img src="img/haizei.png" alt="海贼王之索隆" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img src="img/haizei.png" title="海贼王之索隆"/>
</body>
</html>
<img src="D:/website/img/haizei.png"/>
<img src="img/haizei.png"/>
图片和超链接，一般使用相对路径，几乎不会使用绝对路径。
像素图，像素点组成的图片。缩放，图片会失真。
jpg(jpeg)、png、gif。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jpg、png与gif</title>
<style type="text/css">
body{background-color:hotpink;}
</style>
</head>
<body>
<img src="img/1.jpg" alt=""/><br/>
<img src="img/2.png" alt=""/><br/>
<img src="img/3.gif" alt=""/>
</body>
</html>
向量图，数学描述的方式记录内容的图片格式。图片缩放、旋转等不会失真，难以表现色彩丰富的图片。ai、cdr、fh、swf。swf常见，是flash动画。网页中，除了字体图标（iconfont），很少用到矢量图。