HTML之圖像標簽

2015-01-20 6193

分享至：

　　在網頁中加入適當的圖片可以使網頁豐富多彩，網站設計具有更強的吸引力。那么，如何實現在網頁中插人圖像呢?可以利用標簽在HTML文件中插入圖片。< img>標簽的常見屬性如下：
　　(1) scr屬性:設置圖片的相對或絕對路徑。
　　(2) alt屬性:設置圖片的簡單文本說明。
　　(3) align屬性:設置圖片的對齊方式，取值有left, right, top, middle和bottom。
　　(4) border屬性:設置圖片框線粗細。
　　(5) height屬性:設置圖片的高度。
　　(6) width屬性:設置圖片的寬度。
　　(7) hspace屬性:設置圖片的水平間距。
　　(8) vspace屬性:設置圖片的垂直間距。
　　(9) name屬性:設置圖片的名字。
　　(10) usemap屬性:設置熱點鏈接所在位置及名稱。
　　(11) longdesc屬性:設置圖片的說明文字。
　　(12) lowsrc屬性:設置低分辨率圖片的相對或絕對位置。

　　在上面這些屬性中，最常用的有兩個屬性:src和alt。
　　src屬性必須包含絕對路徑或是相對路徑。圖片可以是GIF文件、JPEG文件或是PNG文件。
　　瀏覽Web頁時經常會發現，在有些情況下,例如由于瀏覽器的原因或者網絡出現問題時，可能會造成圖片無法顯示。如果是裝飾性的圖片那還沒有太大影響，如果是與內容緊密相關的圖片就會影響效果，因此，即使顯示不出來，也至少要告訴瀏覽者圖片大致是什么內容。這時使用alt屬性就可以做到這一點。
　　width屬性和height屬性用于指定圖片在頁面中顯示的規格。一般來說，如果不指定，則按原來的大小顯示。可以指定絕對大小或相對大小，絕對大小以像素為單位，相對大小以百分比為單位。
　　如果只設定width屬性和height屬性中的一種，則瀏覽器會自動根據圖片的寬高比率將另一個屬性也做出調整，以保證圖片不變形。但是如果兩者都設定的話，則有可能會造成圖像扭曲。

來源聲明：

本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。