明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

HTML中圖片<img>標(biāo)簽

[摘要]這篇文章主要介紹了HTML圖片img標(biāo)簽的相關(guān)資料,需要的朋友可以參考下摘要項(xiàng)目說明形式<img src="...">支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+標(biāo)簽省略開始標(biāo)簽:必須,結(jié)束標(biāo)簽:無說明img 是 Ima...
這篇文章主要介紹了HTML圖片img標(biāo)簽的相關(guān)資料,需要的朋友可以參考下

摘要

項(xiàng)目

說明

形式

<img src="...">

支持

H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+

標(biāo)簽省略

開始標(biāo)簽:必須,結(jié)束標(biāo)簽:無

說明

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

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

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

屬性

【重要屬性】

屬性

意義

src=url

H2+/e2+/N2+。圖像的路徑。必須屬性。

alt=alt

H2+/e2+/N2+。圖片的說明。當(dāng)有些瀏覽器無法顯示圖片的時(shí)候能在網(wǎng)頁上看到這個(gè)圖片的說明。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)簽里的時(shí)候,會(huì)自動(dòng)產(chǎn)生邊框線。想取消的話設(shè)定 border=0。

galleryimg=bool

e6+。當(dāng)鼠標(biāo)放在 200×200 以上的圖像上面的時(shí)候,不顯示工具條。也可以在 <meta> 里全局指定。

hspace=n

H3-H4T/e2+/N2+。設(shè)定圖像周圍橫向的空白。

longdesc=url

H4。當(dāng)圖像的說明長度太長,以至于title屬性無法顯示完全的時(shí)候,用此屬性指向包含圖像說明的文檔的 URL。

lowsrc=url

e4+/N2+。如果一張圖片很大,那么在瀏覽器里顯示可能需要花費(fèi)一些時(shí)間。在圖像還在網(wǎng)絡(luò)傳輸中的時(shí)候,可以用 lowsrc 屬性指定一張縮略圖,使它先顯示在瀏覽器上,等原圖像傳輸完畢后會(huì)自動(dòng)替換縮略圖。

suppress=suppress

N4+。suppress 是壓制的意思。默認(rèn)值是 false,如果設(shè)定為 true 的話,在圖像傳輸中,本該顯示在圖像位置的小圖標(biāo)會(huì)被ToolTip(提示框)代替。

vspace=n

H3-H4T/e2+/N2+。設(shè)定圖像周圍縱向的空白。

name=name

H4/e4+/N3+。指定名字。

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

屬性

意義

ismap

H2+/e2+/N2+。指定圖像為服務(wù)器端圖像映射。

usemap=usemap

H3+/e2+/N2+。指定圖像為客戶端圖像映射。請參考<map>。

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

屬性

意義

controls

e2-e3。在視頻的下面顯示播放控制按鈕。在 IE4.0 時(shí)被廢棄。

dynsrc=url

e2+。指定視頻文件(*.avi)。因?yàn)橐呀?jīng)有了 <embed> <object> 標(biāo)簽,所以此屬性基本上沒什么人用。

loop=n

e2+。設(shè)定播放次數(shù)。loop=infinite 的時(shí)候無限循環(huán)播放。

start=start

e2+。設(shè)定為 fileopen 的時(shí)候,網(wǎng)頁一打開就播放。設(shè)定為 mouseover 的時(shí)候,鼠標(biāo)放在視頻上面的時(shí)候就開始播放。

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

屬性

意義

datafld=datafld

e4+。指定數(shù)據(jù)綁定時(shí)的數(shù)據(jù)源的列名。

datasrc=datasrc

e4+。指定數(shù)據(jù)綁定時(shí)的數(shù)據(jù)源的ID。

【一般屬性】

屬性

意味

class=class

H4+/e3+/N4+。指定類。

id=id

H4+/e3+/N4+。指定ID。

style=style

H4+/e3+/N4+。指定樣式。

title=title

H4+/e4+/N6+。指定標(biāo)題。

dir=dir

H4+/e5+/N6+。指定文字顯示的方向。

lang=lang

H4+/e4+/N6+。指定語言種類。

accesskey=key

H5+。指定快捷鍵。

tabindex=n

H5+。指定TAB鍵在控件中的移動(dòng)順序。

contenteditable=bool

H5+/e55+。使元素可編輯。

contextmenu=id

H5+。指定contextmenu。

draggable=bool

H5+。可拖動(dòng)。

dropzone=value

H5+?赏戏。

hidden

H5+。隱藏元素。

spellcheck=bool

H5+。檢查拼寫。

IE擴(kuò)展屬性

可以指定IE擴(kuò)展屬性。

舉例

HTML代碼

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

HTML中圖片<img>標(biāo)簽

總結(jié):以上就是本篇文的全部內(nèi)容,希望能對大家的學(xué)習(xí)有所幫助。

相關(guān)推薦:

PHP里面把16進(jìn)制的圖片數(shù)據(jù)顯示在html的img標(biāo)簽上的方法

正則表達(dá)式怎么匹配圖片地址與img標(biāo)簽

在ie中img標(biāo)簽內(nèi)存泄漏怎么處理

以上就是HTML中圖片<img>標(biāo)簽的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。