共計 1137 個字符，預計需要花費 3 分鐘才能閱讀完成。

img 是 HTML 中的一個元素，全稱為“image”，翻譯為“圖像”。它是在網(wǎng)頁中顯示圖片的主要標簽，可以將圖片插入到網(wǎng)頁中。

在 HTML 中，img 屬于一種叫做“自閉合標簽”的元素。所謂自閉合標簽，就是在標簽內(nèi)部不需要添加任何內(nèi)容，直接在標簽內(nèi)部添加 ”/” 即可。例如：

“`html

“`

上述代碼中，img 標簽中只有一個屬性 src，用于指定圖片的路徑。因為 img 標簽內(nèi)部沒有任何內(nèi)容，所以可以直接添加 ”/” 來結(jié)束標簽。

img 的屬性

除了 src 屬性外，img 還有其他常用屬性，這里介紹幾個常用的屬性。

alt

alt 屬性用于給圖片添加一段描述性文本，當圖片無法正常加載時，會顯示這段文本。例如：

當圖片無法加載時，會顯示“這是一張美麗的風景圖片”。

width 和 height

width 和 height 屬性用于設置圖片的寬度和高度。例如：

上述代碼中，圖片寬度為 320 像素，高度為 240 像素。

title

title 屬性用于為圖片添加一個標題，當鼠標懸停在圖片上時，會顯示這個標題。例如：

當鼠標懸停在圖片上時，會顯示“這是一張美麗的風景圖片”。

img 的用法

img 標簽主要用于在網(wǎng)頁中顯示圖片。要顯示一張圖片，需要在 src 屬性中指定圖片的路徑。例如：

上述代碼中，將圖片路徑替換為實際的圖片路徑即可。

img 的寬度和高度

圖片的寬度和高度可以通過 width 和 height 屬性來設置。如果不設置寬度和高度，則圖片會按照原始尺寸顯示。

下面的圖片寬度和高度都沒有設置：

圖片會按照原始尺寸顯示。

如果要將圖片顯示在固定的大小區(qū)域內(nèi)，可以設置寬度和高度。下面的代碼將圖片的寬度設置為 200 像素，高度設置為 150 像素：

圖片會按照設置的寬度和高度顯示。

img 的響應式布局

在移動設備上，圖片的大小需要根據(jù)屏幕尺寸自適應調(diào)整。為了實現(xiàn)響應式布局，可以使用 CSS 中的 max-width 屬性。

下面的代碼將圖片的寬度最大設置為 100%：

圖片的寬度會根據(jù)屏幕尺寸自適應調(diào)整。

img 的替代文本

當圖片無法正常加載時，需要提供一段替代文本來告訴用戶圖片內(nèi)容。替代文本可以使用 alt 屬性來設置。

下面的代碼將圖片的 alt 屬性設置為“這是一張美麗的風景圖片”：

如果圖片無法正常加載，就會顯示“這是一張美麗的風景圖片”。

img 的鏈接

可以將圖片設置為鏈接，當用戶點擊圖片時，可以跳轉(zhuǎn)到指定的網(wǎng)頁。

下面的代碼將圖片設置為鏈接，點擊圖片后跳轉(zhuǎn)到：

圖片就成為了一個鏈接，點擊圖片后會跳轉(zhuǎn)到。

img 是 HTML 中的一個重要元素，主要用于在網(wǎng)頁中顯示圖片。img 的常用屬性包括 src、alt、width、height 和 title 等，可以通過這些屬性來控制圖片的顯示效果。img 也支持響應式布局和圖片鏈接等功能，可以實現(xiàn)更多的效果。

丸趣 TV 網(wǎng) – 提供最優(yōu)質(zhì)的資源集合！