<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
td
{
margin :40 0 0 300px;
120px;
height:20px;
}
</style>
</head>
<body>
<img src="imgs/1.gif" alt="小驴子"/>
<table border="2" cellpadding="0" cellspacing="0">
<tr>
<td>缩略图的意义</td>
<td>节省下载流量,是真正的小图片,而不是通过样式控制width和height的大图片.</td>
<td>图片的的大小是需要设置的,避免浏览器不知道图片大小,动态调整图片大小,所以要指定图片的大小.</td>
</tr>
<tr>
<td>当把图片放到a标签的时候</td>
<td><a>
<img src="imgs/1.gif" alt="驴子" /></a></td>
<td></td>
</tr>
</table>
<center>图片放在a标签中,在ie中会有一个显眼的边框,通过设置border为零可以去掉</center>
<a href="http://www.baidu.com"><img src="imgs/1.gif" alt="小驴"/></a>
</body>
</html>