如何在 HTML 中將 img 標籤的 src 屬性設定為系統驅動器中的圖片?


要在一個網頁上使用圖片,可以使用 <img> 標籤。該標籤允許您新增圖片源、alt 屬性、寬度、高度等。src 屬性用於新增圖片 URL。alt 屬性是備用文字屬性,當圖片載入失敗時顯示的文字。

使用 HTML,可以將圖片源設定為系統驅動器的路徑。為此,將 src 屬性設定為系統驅動器中儲存圖片的路徑的連結。例如,**file:/D:/images/logo.png**

以下是屬性

序號屬性及描述
1Alt

圖片的替代文字
2Height

圖片的高度
3Ismap

將圖片用作伺服器端影像地圖
4Longdesc

指向圖片詳細描述的 URL
5Src

圖片的 URL
6Usemap

將圖片用作客戶端影像地圖
7Width

圖片的寬度

請記住,<img> 標籤沒有結束標籤。

您可以嘗試以下程式碼,將 HTML 中 img 標籤的 src 屬性設定為系統驅動器中的圖片。
注意: 由於路徑是本地驅動器,因此此方法僅在本地系統上有效。

<!DOCTYPE html>
<html>
   <head>
      <title>
         HTML img tag
      <title>
   </head>

   <body>
      <img src="file:/D:/images/logo.png" alt="Site Logo" width="50" height="50">
   </body>
</html>

更新於: 2020年1月9日

18K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告