首頁 > web前端 > css教學 > 主體

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

奋力向前
發布: 2021-07-29 16:32:06
原創
5611 人瀏覽過

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

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

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

手把手教你使用img標籤來加入圖片效果(知識)用來定義網頁中的圖片,我們平常在網頁中看到的圖片大多是用這個標籤定義。

程式碼範例:

<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    style="max-width:90%"  style="max-width:90%" alt="手把手教你使用img標籤來加入圖片效果(知識)" >
登入後複製

效果圖如下:

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

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

常見格式都是被廣泛支援

  • JPEG:高壓縮

  • GIF:動態圖片

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

  • SVG:向量圖片

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

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

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

推薦學習:CSS影片教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板