html <img> 標(biāo)簽定義 html 頁面中的圖像
<img> 標(biāo)簽有兩個(gè)必需的屬性：src 和 alt
從技術(shù)上講，圖像并不會(huì)插入 HTML 頁面中，而是鏈接到 HTML 頁面上，<img> 標(biāo)簽的作用是為被引用的圖像創(chuàng)建占位符
通過在 <a> 標(biāo)簽中嵌套 <img> 標(biāo)簽，給圖像添加到另一個(gè)文檔的鏈接
屬性
|
屬性
|
值
|
描述
|
|
align
|
top
bottom
middle
left
right
|
HTML5 不支持，HTML 4.01 已廢棄
設(shè)置如何根據(jù)周圍的文本來排列圖像
|
|
alt
|
text
|
設(shè)置圖像的替代文本
|
|
border
|
pixels
|
HTML5 不支持，HTML 4.01 已廢棄
設(shè)置圖像周圍的邊框
|
|
crossorigin
|
anonymous
use-credentials
|
設(shè)置圖像的跨域?qū)傩?
|
|
height
|
pixels
|
設(shè)置圖像的高度
|
|
hspace
|
pixels
|
HTML5 不支持，HTML 4.01 已廢棄
設(shè)置圖像左側(cè)和右側(cè)的空白
|
|
ismap
|
ismap
|
將圖像設(shè)置為服務(wù)器端圖像映射
|
|
longdesc
|
URL
|
HTML5 不支持，HTML 4.01 已廢棄
指向包含長的圖像描述文檔的 URL
|
|
src
|
URL
|
設(shè)置顯示圖像的 URL
|
|
usemap
|
#mapname
|
將圖像定義為客戶器端圖像映射
|
|
vspace
|
pixels
|
HTML5 不支持，HTML 4.01 已廢棄
設(shè)置圖像頂部和底部的空白
|
|
width
|
pixels
|
設(shè)置圖像的寬度
|
范例
如何插入圖像
<img src="/static/i/img1.jpg" alt="Smiley face" width="120">
范例列表
|
鏈接
|
描述
|
|
從不同的位置插入圖片
|
如何將其他文件夾或服務(wù)器的圖片顯示到網(wǎng)頁中
|
|
制作圖像鏈接
|
如何將圖像作為一個(gè)鏈接使用
|
|
創(chuàng)建圖像地圖
|
如何創(chuàng)建帶有可供點(diǎn)擊區(qū)域的圖像地圖
其中的每個(gè)區(qū)域都是一個(gè)超級鏈接
|
HTML 4.01 與 HTML5之間的差異
HTML5 中不支持以下屬性：align、border、hspace、longdesc、vspace
HTML 4.01 廢除了以下屬性：align、border、hspace、vspace 已廢棄
HTML 與 XHTML 之間的差異
HTML 中，<img> 標(biāo)簽沒有結(jié)束標(biāo)簽
XHTML 中，<img> 標(biāo)簽必須被正確地關(guān)閉
全局屬性
<img> 標(biāo)簽支持 HTML 的全局屬性
事件屬性
<img> 標(biāo)簽支持 HTML 的事件屬性
| 
