其實當靜下心去回頭看過去在浮躁心態下所學過的東西，多多少少都能翻出一些以前沒有留意過的內容，或許這就是「溫故而知新」吧。這不，今天我除了回顧以往的知識，又有了一點新的收穫。
那麼先把<img>標籤的基本內容回顧一遍吧。
1.img標籤的基本語法
<img src="URL" ><img src="URL" alt="" align="" width="" height="" >src（source）：必需屬性。指圖像的源屬性，其值爲圖像的URL地址。指向圖片的地址，它可以是網絡上的圖片地址，也可以是工程目錄下的圖片文件地址。
alt：可選屬性。這個屬性用於爲圖片定義一些預設的替換文本，當瀏覽器無法加載圖片時，替換文本會代爲顯示在頁面上，用於告訴用戶他們所失去的信息內容。所以爲了養成一個好的編程習慣，你最好每次都加上這個屬性，雖然...你即使不加這個屬性，語句也可以正確編譯。
align：可選屬性。表示圖像對齊方式。其值包括了 left（居左對齊）、right（居右對齊）、top（頂部對齊）、middle（中部對齊 / 默認值）和 bottom（底部對齊）。
width / height：可選屬性。表示爲圖片預設大小，圖片會按照預設的寬度或長度進行等比例縮放而非裁剪，如果你的長寬比設置的不合適，那麼圖片有可能會顯得非常「扭曲」。另外需要說明的是，這項屬性的數值可以是整數值，也可以是百分比值。整數值表示將圖片按照指定大小來縮放圖片，百分比值表示將圖片按照原大小等比例縮放圖片。例如：
<img src="img/sacreCoeur.jpg" alt="聖心大教堂" width="80%" >順便說一下，<img>標籤不需要添加關閉標籤，當然你就算了加了也無所謂，html還是會正確識別這個標籤。
——————————————————————————————————————————————
那麼接下來，就來介紹圖片居中顯示和以前沒注意過的用法：
2.如何讓圖片居中顯示
如果嘗試過的人就會發現，光憑在<img>標籤中指定 align（對齊方式） 屬性爲 center（居中）是無法讓圖片在網頁中居中顯示的，那麼，「如何讓圖片在網頁中居中顯示呢」？下面介紹一個最簡單的方法：「設置 div塊 並設定 text-align 與 padding-top 屬性」令圖片居中，如下所示：
<div style="text-align:center; padding-top:inherit">
<img src="img/sacreCoeur.jpg" alt="聖心大教堂" width="360" >
</div>
當然最合適的方法顯然是設置外部 CSS 樣式來限制圖片的顯示方法。
3.在同一張圖的不同位置分別創建鏈接
看過我上一篇「關於<a>標籤的基本用法和特殊用法」的人都知道，火狐瀏覽器和 opera 瀏覽器是支持用<a>標籤來完成這項功能的，那如果我不用火狐或者 opera，或者說用戶用的有可能不是火狐或者 opera 瀏覽器，而我又想實現這個功能，那應該怎麼辦呢？其實大體上跟<a>標籤差不多：<img src="img/sacreCoeur.jpg" alt="聖心大教堂" width="360" usemap="#sacreCoeur">
<map name="sacreCoeur">
<area shape="rect" coords="0,0,180,290" target="_blank" href="http://baike.baidu.com" />
<area shape="circle" coords="270,290,90" target="_blank" href="http://zhidao.baidu.com" />
</map>當然需要特殊說明的是圖片的平面直角座標系，筆者這裏是圖片最左上一點爲座標原點，從原點開始向右、向下爲正。