更多“試一試”的例子。
定義和用法
在<img>標籤在HTML頁面中定義的圖像。
在<img>標籤有兩個必需的屬性： src和alt 。
注意：圖片是不是技術上插入到HTML頁面，圖像鏈接到HTML頁面。在<img>標記創建為引用的圖像保持空間。
提示：要將圖像鏈接到另一個文檔，只需嵌套<img>標記內<a>標籤。
瀏覽器支持
| 元件 | |||||
|---|---|---|---|---|---|
| <img> | 是 | 是 | 是 | 是 | 是 |
HTML 4.01和HTML5之間的差異
在following屬性： align, border, hspace和vspace在HTML5不支持。
HTML和XHTML之間的差異
在HTML中<img>標籤沒有結束標籤。
在XHTML中<img>標籤必須正確關閉。
屬性
=新的HTML5。
| 屬性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right | 在HTML5不支持。 指定根據周圍元件的圖像的對準 |
| alt | text | 指定圖像的替代文本。 |
| border | pixels | 在HTML5不支持。 指定圖像周圍的邊框的寬度 |
| crossorigin | anonymous use-credentials | 允許來自第三方網站的圖像，允許跨域訪問用帆布使用 |
| height | pixels | 指定圖像的高度 |
| hspace | pixels | 在HTML5不支持。 指定上的圖像的左側和右側的空白 |
| ismap | ismap | 指定圖像為服務器端圖像映射 |
| longdesc | URL | 指定的URL的圖像的詳細說明 |
| src | URL | 指定圖像的URL |
| usemap | #mapname | 指定一個圖像作為客戶端圖像映射 |
| vspace | pixels | 在HTML5不支持。 指定上的圖像的頂部和底部的空白 |
| width | pixels | 指定圖像的寬度 |
全局屬性
在<img>標籤支持全局的HTML屬性 。
事件屬性
在<img>標籤支持的HTML事件屬性 。
試一試 - 示例
插入來自不同地點的圖像
如何插入來自另一個文件夾或從其他網站上的圖像。
使圖像的超鏈接
如何將超鏈接添加到圖像。
創建圖像映射
如何創建圖像映射，可點擊的區域。 每個區域的超鏈接。
相關頁面
HTML教程： HTML圖片
HTML DOM參考： 圖像對象
CSS教程： 樣式化圖片
默認設置CSS
大多數瀏覽器將顯示<img>與下面的默認值元素：