資料結構
網路
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 | 文字 | 指定替代文字 |
| Border | 畫素 | 已棄用 - 指定影像邊框的寬度。 |
crossorigin  | anonymous use-credentials | 它允許來自允許跨源訪問的第三方站點的影像與畫布一起重用。 |
| Height | 畫素或 % | 指定影像的高度。 |
| hspace | 畫素 | 已棄用 - 要在物件左右兩側插入的空白量。 |
| Ismap | URL | 將影像定義為伺服器端影像對映。 |
| Longdesc | 文字 | 已棄用 - 指定長描述的 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-05-30
8K+ 次瀏覽
廣告