這篇文章主要介紹了HTML圖片img標籤的相關資料,需要的朋友可以參考下
#專案 |
說明 |
# |
|
說明
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 。指定名字。 |
【可點選領域相關屬性】
#屬性 |
|
意義 |
#ismap |
H2 /e2 /N2 。指定圖像為伺服器端圖像映射。 usemap |
= usemap |