如何在網頁中使用圖片？

若要在網頁中使用圖片，請使用 <img> 標籤。該標籤允許你新增圖片源、替代文字、寬度、高度等內容。替代文字是可選文字屬性，當圖片載入失敗時，將顯示這條文字。

屬性如下 -

屬性	說明
Alt	圖片的可選文字
Height	圖片的高度
Ismap	將圖片作為伺服器端影像對映
Longdesc	指向圖片詳細說明的 URL
Src	圖片的 URL
Usemap	將圖片作為客戶端影像對映
Width	圖片的寬度

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

示例

你可以嘗試執行以下程式碼，在 HTML 網頁中使用圖片

線上試用

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img tag</title>
   </head>
   <body>
      <h1>Tutorialspoint</h1>
      <h2>Simply Easy Learning</h2>
      <img src="/green/images/logo.png" alt="Tutorialspoint" width="260" height="100">
   </body>
</html>

Srinivas Gorla

更新於： 2020-06-15

1 千餘次瀏覽

開啟你的事業

透過完成課程獲得認證

開始學習