如何在網頁中使用影像？

要在網頁上使用影像，請使用 <img> 標籤。該標籤允許你新增影像來源、替代文字、寬度、高度等。替代文字是影像載入失敗時可見的文字。

以下是屬性−

屬性
描述
替代文字
影像的替代文字
高度
影像的高度
Ismap
將影像作為伺服器端影像對映
長描述
指向影像詳細描述的 URL
源
影像 URL
可使用地圖
將影像作為客戶端影像對映
寬度
影像的寬度

請記住，<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>

更新於: 15-Jun-2020

1 千+ 次瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

開始
廣告