HTML中圖片<img>標籤-html教學-PHP中文網

HTML中圖片標籤

墨辰丷

發布： 2018-06-04 15:05:05

原創

2750 人瀏覽過

這篇文章主要介紹了HTML圖片img標籤的相關資料,需要的朋友可以參考下

##形式#支援

########### #####H2 / e2 / N2 / Fx1 / Op6 / Ch1 / Sa1 ###########################標籤省略### ##################開始標籤：必須，結束標籤：無##################

說明

img 是 Image（圖片）的縮寫。 src 屬性用來指定影像的路徑。

HTML4.01 裡為了配合各種無法顯示圖像的瀏覽器和有聲閱讀瀏覽器，必須設定標籤裡的 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" 可以讓影像的左邊或右邊顯示文字。取消此效果以。
border=##n	H3-H4T/e2 /N2 。指定影像周圍的邊框線的粗細。當圖像被包含在 ~ 標籤裡的時候，會自動產生邊框線。想取消的話設定 border=0。
galleryimg=bool	e6 。當滑鼠放在 200×200 以上的圖像上面的時候，不顯示工具條。也可以在裡全域指定。
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 。指定名字。

【可點選領域相關屬性】

#########H3 /e2 /N2 。指定圖像為客戶端圖像映射。請參考。 ##################

【影片相關屬性】

e2-e3。在影片的下面顯示播放控制按鈕。在 IE4.0 時被廢棄。標籤，所以此屬性基本上沒什麼人用。的時候，滑鼠放在影片上面的時候就開始播放。

#屬性	意義
#controls
dynsrc= url	e2 。指定視訊檔案（*.avi）。因為已經有了和
loop=##n	e2 。設定播放次數。 loop=infinite 的時候無限循環播放。 ######
start=start	#e2 。設定為 fileopen 的時候，網頁一開啟就播放。設定為 mouseover

意義##dataflddatasrc

##################e4 。指定資料綁定時的資料來源的ID。 ##################

【一般屬性】

##===

範例

#HTML程式碼

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

登入後複製

總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。