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">
</body>//當點擊下面的a標籤時將跳轉到上面的a標籤所在的地方
圖像的熱點:
<body>
<p>
<map name="map" id="map">
<area shape="rect" href="children.jsp" coords="20,27,97,76" alt="haha"/>
<area shape="circle" href="test.jsp" 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>