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=)