溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間:2020-07-16 15:10:29 來源:億速云 閱讀:204 作者:Leah 欄目:web開發(fā)

本篇文章給大家分享的是有關(guān)HTML中圖片<img>標(biāo)簽是什么,小編覺得挺實用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

這篇文章主要介紹了HTML圖片img標(biāo)簽的相關(guān)資料,需要的朋友可以參考下

摘要

項目

說明

形式

<img src="...">

支持

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

標(biāo)簽省略

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

說明

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+。如果一張圖片很大,那么在瀏覽器里顯示可能需要花費一些時間。在圖像還在網(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+。指定名字。

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

屬性

意義

ismap

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

usemap=usemap

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

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

屬性

意義

controls

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

dynsrc=url

e2+。指定視頻文件(*.avi)。因為已經(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。

【一般屬性】

屬性

意味

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鍵在控件中的移動順序。

contenteditable=bool

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

contextmenu=id

H5+。指定contextmenu。

draggable=bool

H5+??赏蟿?。

dropzone=value

H5+??赏戏?。

hidden

H5+。隱藏元素。

spellcheck=bool

H5+。檢查拼寫。

IE擴展屬性

可以指定IE擴展屬性。

舉例

HTML代碼

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

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

以上就是HTML中圖片<img>標(biāo)簽是什么,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降摹OM隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI