手把手教你使用img標籤來加入圖片效果（知識）

在

之前的文章《如何使用HTML製作一個簡單美觀的導覽列（程式碼詳解）》中，要為大家介紹如何使用HTML製作導覽列的方法。以下這篇文章給大家帶了解img標籤怎麼加入圖片效果的方法，我們一起看怎麼做。

標籤

用來定義網頁中的圖片，我們平常在網頁中看到的圖片大多是用這個標籤定義。

程式碼範例：

<img  src="/static/imghwm/default1.png"  data-src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="手把手教你使用img標籤來加入圖片效果（知識）" >

效果圖如下:

#由於標準中，沒有明確說明瀏覽器需要支援的圖片格式。

常見格式都是被廣泛支援

• JPEG：高壓縮

• GIF：動態圖片

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

• SVG：向量圖片

• SRC：指定圖存位址，存放在哪裡，沒有這個屬性，瀏覽器就不知道。

• Width和Height：指定圖片寬高，建議使用CSS來實作。

推薦學習：CSS影片教學

以上是手把手教你使用img標籤來加入圖片效果（知識）的詳細內容。更多資訊請關注PHP中文網其他相關文章！