HTML中的img標簽屬性

更新時間：2022-08-30 09:09:53 來源：動力節(jié)點瀏覽1401次

描述

HTML<img> 標簽用于將圖像放入 HTML 文檔中。這將產生以下結果

例子

<!DOCTYPE html>
<html>
   <head>
      <title>HTML  Tag</title>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/images/html.gif"
         alt = "HTML Tutorial" height = "150" width = "140" />
   </body>
</html>

這將產生以下結果

特定屬性

HTML <img>標簽還支持以下附加屬性

屬性	價值	描述
對齊	上下中左右	不推薦使用- 指定圖像的對齊方式。
alt	文本	指定替代文本
邊界	像素	不推薦使用- 指定圖像邊框的寬度。
跨域	匿名使用憑證	它允許來自允許跨域訪問的第三方站點的圖像與畫布一起重用。
高度	像素或%	指定圖像的高度。
空間	像素	不推薦使用- 要插入到對象左側和右側的空白量。
地圖	網址	將圖像定義為服務器端圖像映射。
長笛	文本	不推薦使用- 指定長描述的 URI/URL - 這可以詳細說明使用 alt 屬性指定的較短描述。
源代碼	網址	圖片的網址
使用地圖	#地圖名稱	將圖像定義為客戶端圖像映射并與 <map> 和 <area> 標簽一起使用。
虛擬空間	像素	已棄用- 要插入到對象頂部和底部的空白量。
寬度	像素或%	以像素或 % 為單位設置圖像的寬度。