本篇文章給大家分享的是有關(guān)HTML中圖片<img>標(biāo)簽是什么,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
這篇文章主要介紹了HTML圖片img標(biāo)簽的相關(guān)資料,需要的朋友可以參考下
摘要
項(xiàng)目 | 說明 |
形式 | <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è)定了這兩個(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+。指定圖像為客戶端圖像映射。請(qǐng)參考<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)簽是什么,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。
當(dāng)前文章:HTML中圖片<img>標(biāo)簽是什么-創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://chinadenli.net/article34/dojjse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站策劃、品牌網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、微信公眾號(hào)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容