--------------
1、显示图片：
输入如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<img src="cat.gif" alt="这是一只猫" />
</body>
</html>
将如下图片保存到（图片上点击鼠标右键，选择“图片另存为”）和页面同一目录文件下，文件名为cat.gif：
在浏览器中查看结果，浏览器中将显示一只猫的图片。
可以看到，标签img用来在浏览器中显示一幅图片，其两个重要属性分别为：
src属性：用于设定图片所在位置的URL（关于URL，请参考URL路径）；
alt属性：当图片无法显示时，用来取代图片位置的文本。
--------------
2、图片链接
输入如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a href="http://www.baidu.com">
<img src="cat.gif" alt="这是一只猫" />
</a>
</body>
</html>
运行代码可以看到，当img标签被嵌套在a标签内时，整个图片将被作为超链接。
当图片被作为超链接后，会出现一个边框，边框颜色和文本类型超链接一致（即分为未点击颜色，正在访问颜色和访问后颜色，参考a标签），可以通过img标签的border属性来控制边框的宽度，例如：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a href="http://www.baidu.com">
<img src="cat.gif" alt="这是一只猫" border="1" />
</a>
</body>
</html>
特别的，当border属性的值为0时，图片四周没有边框。
--------------
3、显示样式
输入如下代码：
index.html
<
