HTML中圖片<img>標(biāo)簽
發(fā)表時(shí)間:2023-09-08 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]這篇文章主要介紹了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>
總結(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)站。