HTML如何定義圖像

這篇文章主要介紹了HTML如何定義圖像，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

HTML圖像

圖像標(biāo)簽<img>和源屬性src

在HTML中，圖像由<img>標(biāo)簽定義。

<img>是空標(biāo)簽，意思是說，它只包含屬性，并且沒有閉合標(biāo)簽。

要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。

定義圖像的語法是：

<img src="url" alt="some_text">

url是圖像保存的位置。

alt屬性

alt屬性用來為圖像定義一串預(yù)備的可替換的文本。

替換文本屬性的值是用戶定義的。

<img src="a.gif" alt="A">

在瀏覽器無法載入圖像時(shí)，替換文本會(huì)顯示。此時(shí)，瀏覽器將顯示這個(gè)替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好的顯示信息，并且對(duì)于那些使用純文本瀏覽器的人來說是非常有用的。

設(shè)置圖像的高度與寬度

height(高度)與width(寬度)屬性用于設(shè)置圖像的高度與寬度。

屬性值默認(rèn)單位為像素：

<img src="1.gif" alt="1" width="200" height="200">

指定圖像的高度和寬度是一個(gè)很好的習(xí)慣。如果圖像指定了高度寬度，頁面加載時(shí)就會(huì)保留指定的尺寸。如果沒有指定圖片的大小，加載頁面時(shí)有可能會(huì)破壞HTML頁面的整體布局。

基本注意事項(xiàng)

注意: 假如某個(gè) HTML 文件包含十個(gè)圖像，那么為了正確顯示這個(gè)頁面，需要加載 11 個(gè)文件。加載圖片是需要時(shí)間的，所以我們的建議是：慎用圖片。

注意: 加載頁面時(shí)，要注意插入頁面圖像的路徑，如果不能正確設(shè)置圖像的位置，瀏覽器無法加載圖片，圖像標(biāo)簽就會(huì)顯示一個(gè)破碎的圖片。

HTML常用圖像標(biāo)簽

<img>：定義圖像

<map>：定義圖像地圖

<area>：定義圖像地圖中的可點(diǎn)擊區(qū)域

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“HTML如何定義圖像”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!