資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何在 HTML 中顯示影像？
在 HTML 中使用 <img> 標籤來顯示影像。以下是屬性：-
| 屬性 | 值 | 描述 |
|---|---|---|
| Align | top bottom middle left right | 已棄用 - 指定影像的對齊方式。 |
| Alt | text | 指定備用文字 |
| Border | 畫素 | 已棄用 - 指定影像邊框的寬度。 |
crossorigin  | anonymous use-credentials | 它允許從允許跨源訪問的第三方站點獲取的影像與畫布一起重複使用。 |
| Height | 畫素或 % | 指定影像的高度。 |
| hspace | 畫素 | 已棄用 - 要在物件左右插入的空白量。 |
| Ismap | URL | 將影像定義為伺服器端影像對映。 |
| Longdesc | text | 已棄用 - 指定長描述的 URI/URL - 這可以詳細說明使用 alt 屬性指定的較短描述。 |
| Src | URL | 影像的 URL |
| Usemap | #mapname | 將影像定義為客戶端影像對映，並與 <map> 和 <area> 標籤一起使用。 |
| Vspace | 畫素 | 已棄用 - 要在物件的頂部和底部插入的空白量。 |
| Width | 畫素或 % | 以畫素或 % 設定影像的寬度。 |
示例
您可以嘗試執行以下程式碼將影像新增到網頁文件中：-
<!DOCTYPE html> <html> <head> <title>HTML img Tag</title> </head> <body> <img src = "https://tutorialspoint.tw/html5/images/html5-mini-logo.jpg" alt = "Learn HTML5" height = "250" width = "270" /> </body> </html>
更新於： 2020年5月30日
8K+ 閱讀量
廣告