HTML
<img>与<a>无疑是我们项目中使用得最多的两个标签之一，现在我们来详细的了解它们；
<img>:属性；src和alt是必须属性，src代表了图片的路径位置；而alt则表示当图片加载出错时代替图片显示的文字说明；可选属性：width,图片的宽度,height，高度，虽然可以设置图片的宽度和高度，但是尽可能不要去使用它们，因为这样容易使图片失真；usemap:用于确定所使用的客户端图像映射；longdesc:指向图片的详细说明的文档；ismap:声明图像要被用于服务端图像映射；
<a>:属性，href：链接的地址；
a标签和img标签的组合：
<a><img src="" /></a>这样可以使用图片作为链接；
a标签的相同文档页的链接：
<html>
<head>
</head>
<body>
<a id="top">
<a href="#top" target="_blank" rel="external nofollow" >
</body>//当点击下面的a标签时将跳转到上面的a标签所在的地方
图像的热点：
<body>
<p>
<map name="map" id="map">
<area shape="rect" href="children.jsp" target="_blank" rel="external nofollow" coords="20,27,97,76" alt="haha"/>
<area shape="circle" href="test.jsp" target="_blank" rel="external nofollow" coords="167,51,35" alt="heihei"/>
</map>
<img usemap="#map" alt="enen" src="images\chen.jpg">
</p>
<script type="text/javascript" src="js/main.js"></script>
</body>
![华中科技大学与亮风台成立增强现实联合实验室[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)