HTML語言剖析(九) 圖形標記

　　■ <IMG> ：

　　<IMG> 稱圖形標記，主要用以插入圖片于網頁中，至于其它用處如配合影片文件等的播 放及影像地圖（Image Map 或稱一圖多連結）則于不會在這節提及，請看【影像地圖】及 【其他標記】。
　　
　　<IMG> 的一般參數設定：

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

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

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

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

　　●　border=2
　　圖片邊框厚度。

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

　　●　lowsrc="pre_logo.gif"
　　設定先顯示低解像圖片，若所加入的是一張很大的圖片，下載　時很長，這張低 解像圖片會先被顯示以免瀏覽失卻興趣，通當是原圖片灰階版本。

　　例子一：

　　例子二：

 　　例子三：

　　例子四：

　　例子五：