■ <IMG> :

  <IMG> 稱圖形標(biāo)記,主要用以插入圖片于網(wǎng)頁(yè)中,至于其它用處如配合影片文件等的播 放及影像地圖(Image Map 或稱一圖多連結(jié))則于不會(huì)在這節(jié)提及,請(qǐng)看【影像地圖】及 【其他標(biāo)記】。
  
  <IMG> 的一般參數(shù)設(shè)定:

  例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" lowsrc="pre_logo.gif">

  ● src="logo.gif"
  圖片來(lái)源,接受 .gif, .jpg 及 .png 格式,前兩者通行己久,后者由 96 年開(kāi)始發(fā)展, 于未來(lái)取代前兩者。若圖片文件與該 html 文件同處一目錄則只 寫上文件案名稱,否則 必須加上正確的途徑,相對(duì)及絕對(duì)皆可。

  ● width=100 height=100
  設(shè)定圖片大小,此寬度、及高度一般采用 pixels 作單位。通常只設(shè)為圖片的真實(shí) 大小以免失真,若 要改變圖片大小最好事先使用圖像編輯工具。

  ● hspace=5 vspace=5
  設(shè)定圖片邊沿空白,以免文字或其它圖片過(guò)于貼近。hspace 是設(shè)定圖片左右的空 間,vspace 則是設(shè)定圖片上下的空間,高度采用 pixels 作單位。

  ● border=2
  圖片邊框厚度。

  ● align="top"
  調(diào)整圖片旁邊文字的位置,你可以控制文字出現(xiàn)在圖片的偏上方、中間、底端、 左右等,可選值:top, middle, bottom, left, right,內(nèi)定為 botom。Netscape 還支持 texttop, baseline, absmiddle, absbottom,
  texttop 表示圖片和文字依頂線對(duì) ,
  baseline 表示圖片對(duì) 到目前文字行底線值,
  absmiddle 表示圖片對(duì) 到目前文字行絕對(duì)中央,
  absbottom 表示圖片對(duì) 到目前文字行絕對(duì)底部,(絕對(duì)底部意指它考慮到比方 y 、g、q 等字的下緣)。
  
  ● alt="Logo of PenPal Garden"
  這是用以描述該圖形的文字,若用者使用文字瀏覽器,由于不支持圖片,這些文 字更會(huì)代替圖片而被顯示。若于支持圖片顯示的瀏覽器,當(dāng)鼠標(biāo)移至圖片上該些 文字亦會(huì)顯示。

  ● lowsrc="pre_logo.gif"
  設(shè)定先顯示低解像圖片,若所加入的是一張很大的圖片,下載 時(shí)很長(zhǎng),這張低 解像圖片會(huì)先被顯示以免瀏覽失卻興趣,通當(dāng)是原圖片灰階版本。

  例子一:

始碼<img src="girl.gif" width=100 height=112 border=0 bgColor=#0000b7>顯示結(jié)果

HTML語(yǔ)言剖析(九) 圖形標(biāo)記 普通插入

 

  例子二:

原始碼<img src="girl.gif" width=100 height=112 border=0 hspace=10 vspace=20"> 設(shè)定上下左右空白位置
顯示結(jié)果

HTML語(yǔ)言剖析(九) 圖形標(biāo)記 設(shè)定上下左右空白位置

   例子三:

原始碼<img src="girl.gif" width=100 height=112 border=4 hspace=10 vspace=20"> 設(shè)定上下左右空白位置
顯示結(jié)果

HTML語(yǔ)言剖析(九) 圖形標(biāo)記 設(shè)定字畫中間對(duì) ,邊框厚度為 4。

  例子四:

原始碼<img src="girl.gif" width=100 height=112 align="right" border=0> 設(shè)定圖片靠右。
顯示結(jié)果

HTML語(yǔ)言剖析(九) 圖形標(biāo)記 設(shè)定圖片靠右。

  例子五:

原始碼<img src="girl.gif" width=200 height=220 border=0> 放大了的圖片
顯示結(jié)果

HTML語(yǔ)言剖析(九) 圖形標(biāo)記 放大了的圖片

標(biāo)簽:HTML語(yǔ)言

隨機(jī)推薦