您好,登錄后才能下訂單哦!
本篇文章給大家分享的是有關HTML中圖片<img>標簽是什么,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
這篇文章主要介紹了HTML圖片img標簽的相關資料,需要的朋友可以參考下
摘要
項目 | 說明 |
形式 | <img src="..."> |
支持 | H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch2+ / Sa1+ |
標簽省略 | 開始標簽:必須,結束標簽:無 |
說明
img 是 Image(圖像)的縮寫。src 屬性用來指定圖像的路徑。
HTML4.01 里為了配合各種無法顯示圖像的瀏覽器和有聲閱讀瀏覽器,必須設定 <img> 標簽里的 alt 屬性。HTML5 變成了非必須。
height屬性和width屬性雖然不是必須的,但如果設定了這兩個屬性的話,能夠使圖像打開得更快一些,并且顯示圖像時可以避免某些顯示上的bug。
屬性
【重要屬性】
屬性 | 意義 |
src=url | H2+/e2+/N2+。圖像的路徑。必須屬性。 |
alt=alt | H2+/e2+/N2+。圖片的說明。當有些瀏覽器無法顯示圖片的時候能在網頁上看到這個圖片的說明。HTML4.01 里為必須屬性。 |
height=n | H3+/e2+/N2+。設置圖片高度。 |
width=n | H3+/e2+/N2+。設置圖片寬度。 |
【特性】
屬性 | 意義 |
align=align | H2-H4T/e2+/N2+。指定圖像的顯示位置。設定 align="right" 和 align="left" 可以讓圖像的左邊或右邊顯示文字。取消此效果用<br clear=all>。 |
border=n | H3-H4T/e2+/N2+。指定圖像周圍的邊框線的粗細。當圖像被包含在 <a href="...">~</a> 標簽里的時候,會自動產生邊框線。想取消的話設定 border=0。 |
galleryimg=bool | e6+。當鼠標放在 200×200 以上的圖像上面的時候,不顯示工具條。也可以在 <meta> 里全局指定。 |
hspace=n | H3-H4T/e2+/N2+。設定圖像周圍橫向的空白。 |
longdesc=url | H4。當圖像的說明長度太長,以至于title屬性無法顯示完全的時候,用此屬性指向包含圖像說明的文檔的 URL。 |
lowsrc=url | e4+/N2+。如果一張圖片很大,那么在瀏覽器里顯示可能需要花費一些時間。在圖像還在網絡傳輸中的時候,可以用 lowsrc 屬性指定一張縮略圖,使它先顯示在瀏覽器上,等原圖像傳輸完畢后會自動替換縮略圖。 |
suppress=suppress | N4+。suppress 是壓制的意思。默認值是 false,如果設定為 true 的話,在圖像傳輸中,本該顯示在圖像位置的小圖標會被ToolTip(提示框)代替。 |
vspace=n | H3-H4T/e2+/N2+。設定圖像周圍縱向的空白。 |
name=name | H4/e4+/N3+。指定名字。 |
【可點擊領域相關屬性】
屬性 | 意義 |
ismap | H2+/e2+/N2+。指定圖像為服務器端圖像映射。 |
usemap=usemap | H3+/e2+/N2+。指定圖像為客戶端圖像映射。請參考<map>。 |
【視頻相關屬性】
屬性 | 意義 |
controls | e2-e3。在視頻的下面顯示播放控制按鈕。在 IE4.0 時被廢棄。 |
dynsrc=url | e2+。指定視頻文件(*.avi)。因為已經有了 <embed> 和 <object> 標簽,所以此屬性基本上沒什么人用。 |
loop=n | e2+。設定播放次數。loop=infinite 的時候無限循環播放。 |
start=start | e2+。設定為 fileopen 的時候,網頁一打開就播放。設定為 mouseover 的時候,鼠標放在視頻上面的時候就開始播放。 |
【數據綁定相關屬性】
屬性 | 意義 |
datafld=datafld | e4+。指定數據綁定時的數據源的列名。 |
datasrc=datasrc | e4+。指定數據綁定時的數據源的ID。 |
【一般屬性】
屬性 | 意味 |
class=class | H4+/e3+/N4+。指定類。 |
id=id | H4+/e3+/N4+。指定ID。 |
style=style | H4+/e3+/N4+。指定樣式。 |
title=title | H4+/e4+/N6+。指定標題。 |
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>標簽是什么,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。