之前的文章《如何使用HTML制作一個(gè)簡單美觀的導(dǎo)航欄（代碼詳解）》中，給大家介紹了怎樣使用HTML制作導(dǎo)航欄的方法。下面本篇文章給大家?guī)Я私庖幌耰mg標(biāo)簽怎么添加圖片效果的方法，我們一起看怎么做。

<img>標(biāo)簽

<img>用于定義網(wǎng)頁中的圖片，我們平常在網(wǎng)頁中見到的大部分圖片都是用這個(gè)標(biāo)簽定義。

代碼示例：

<img src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg" width="200" height="200">

效果圖如下:

由于標(biāo)準(zhǔn)中，沒有明確說明瀏覽器需要支持的圖片格式。

常見格式都是被廣泛支持

• JPEG：高壓縮

• GIF：動(dòng)態(tài)圖片

• PNG：無損壓縮的位圖片形格式

• SVG：矢量圖片

<img>核心屬性

• SRC：指定圖存地址，存放在哪里，沒有這個(gè)屬性，瀏覽器就不知道。

• Width和Height：指定圖片寬高，建議使用CSS來實(shí)現(xiàn)。

推薦學(xué)習(xí)：CSS視頻教程