HTML圖片img標(biāo)簽

來源：本站原創(chuàng)|時間：2020-01-10|欄目：CSS/HTML|點(diǎn)擊：次

摘要

說明

img 是 Image（圖像）的縮寫。src 屬性用來指定圖像的路徑。

HTML4.01 里為了配合各種無法顯示圖像的瀏覽器和有聲閱讀瀏覽器，必須設(shè)定 <img> 標(biāo)簽里的 alt 屬性。HTML5 變成了非必須。

height屬性和width屬性雖然不是必須的，但如果設(shè)定了這兩個屬性的話，能夠使圖像打開得更快一些，并且顯示圖像時可以避免某些顯示上的bug。

屬性

【重要屬性】

屬性	意義
src=url	H2+/e2+/N2+。圖像的路徑。必須屬性。
alt=alt	H2+/e2+/N2+。圖片的說明。當(dāng)有些瀏覽器無法顯示圖片的時候能在網(wǎng)頁上看到這個圖片的說明。HTML4.01 里為必須屬性。
height=n	H3+/e2+/N2+。設(shè)置圖片高度。
width=n	H3+/e2+/N2+。設(shè)置圖片寬度。

【特性】

屬性	意義
align=align	H2-H4T/e2+/N2+。指定圖像的顯示位置。設(shè)定 align="right" 和 align="left" 可以讓圖像的左邊或右邊顯示文字。取消此效果用<br clear=all>。
border=n	H3-H4T/e2+/N2+。指定圖像周圍的邊框線的粗細(xì)。當(dāng)圖像被包含在 <a href="...">～</a> 標(biāo)簽里的時候，會自動產(chǎn)生邊框線。想取消的話設(shè)定 border=0。
galleryimg=bool	e6+。當(dāng)鼠標(biāo)放在 200×200 以上的圖像上面的時候，不顯示工具條。也可以在 <meta> 里全局指定。
hspace=n	H3-H4T/e2+/N2+。設(shè)定圖像周圍橫向的空白。
longdesc=url	H4。當(dāng)圖像的說明長度太長，以至于title屬性無法顯示完全的時候，用此屬性指向包含圖像說明的文檔的 URL。
lowsrc=url	e4+/N2+。如果一張圖片很大，那么在瀏覽器里顯示可能需要花費(fèi)一些時間。在圖像還在網(wǎng)絡(luò)傳輸中的時候，可以用 lowsrc 屬性指定一張縮略圖，使它先顯示在瀏覽器上，等原圖像傳輸完畢后會自動替換縮略圖。
suppress=suppress	N4+。suppress 是壓制的意思。默認(rèn)值是 false，如果設(shè)定為 true 的話，在圖像傳輸中，本該顯示在圖像位置的小圖標(biāo)會被ToolTip（提示框）代替。
vspace=n	H3-H4T/e2+/N2+。設(shè)定圖像周圍縱向的空白。
name=name	H4/e4+/N3+。指定名字。

【可點(diǎn)擊領(lǐng)域相關(guān)屬性】

【視頻相關(guān)屬性】

屬性	意義
controls	e2-e3。在視頻的下面顯示播放控制按鈕。在 IE4.0 時被廢棄。
dynsrc=url	e2+。指定視頻文件（*.avi）。因?yàn)橐呀?jīng)有了 <embed> 和 <object> 標(biāo)簽，所以此屬性基本上沒什么人用。
loop=n	e2+。設(shè)定播放次數(shù)。loop=infinite 的時候無限循環(huán)播放。
start=start	e2+。設(shè)定為 fileopen 的時候，網(wǎng)頁一打開就播放。設(shè)定為 mouseover 的時候，鼠標(biāo)放在視頻上面的時候就開始播放。

【數(shù)據(jù)綁定相關(guān)屬性】

屬性	意義
datafld=datafld	e4+。指定數(shù)據(jù)綁定時的數(shù)據(jù)源的列名。
datasrc=datasrc	e4+。指定數(shù)據(jù)綁定時的數(shù)據(jù)源的ID。

【一般屬性】

舉例

HTML代碼

<img src="image/kanami.jpg" alt="舉例圖片" width=100 height=100>

欄目：CSS/HTML

本文地址：http://www.jygsgssxh.com/a1/CSS_HTML/9567.html

雷火电竞-中国电竞赛事及体育赛事平台