網站設計HTML img 圖片標簽

點擊數：3902018-04-24 10:30:14　來源: 藝之都網絡官網

網站設計HTML 圖片 img標簽介紹：

img標簽又稱圖片標簽。img標簽是用來在瀏覽器中顯示一張圖片的HTML標簽。img 標簽 -- 代表HTML圖像，img,是image(圖像)的縮寫。

img標簽使用實例

做網站時，如果網頁上沒有圖片，將會使自己的網站失色。通過圖片標簽img標簽可以讓我們自己的網站圖文并茂，圖像會使網頁更加生動。

img標簽也可以加a標簽，如：<a target="_blank"><img src="http://www.xuewangzhan.net/wp-content/themes/xwz/images/Course.png" alt="零基礎建站培訓介紹"></a>

HTML 圖片 img標簽用法

img標簽使用書寫語法

<img src="圖片的地址" alt="圖片的描述" title="圖片的標題" />

img標簽是單獨出現的，如：<img src="http://www.xuewangzhan.net/wp-content/themes/xwz/images/Course.png" alt="零基礎建站培訓介紹">

但是隨著HTML5的普及，圖片 img標簽也使用閉合的標簽。如：<img src="http://www.xuewangzhan.net/wp-content/themes/xwz/images/Course.png" alt="零基礎建站培訓介紹"></img>

HTML 圖片 img標簽屬性

img標簽在使用過程中有以下幾個屬性：

alt -- 代表圖像的替代文字

src -- 代表一個圖像源(就是圖像的位置)

height -- 代表一個圖像的高度

width -- 代表一個圖像的寬度