一、html代碼：

1、基本語(yǔ)法：
<img src="圖片文件地址">

2、圖片普通插入
<img border=0 src="圖片文件地址">　

效果：

3、設(shè)定圖片上下左右空白位置
<img src="圖片文件地址" width=130 height=92 border=0 hspace=30 vspace=50">

效果：

4、設(shè)定圖片中間對(duì)齊，邊框厚度為8
<img src="圖片文件地址" border=8 align=middle>

效果：

5、放大圖片
<img src="圖片文件地址" width=600 height=100 border=0>

效果：

6、設(shè)定圖片靠右
<img src="圖片文件地址" border=0 align=right>效果：

 

 

二、<img>稱圖形標(biāo)記，主要用來(lái)插入圖形標(biāo)記

三、<img>的一般參數(shù)設(shè)定：
<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">

1、src="logo.gif"
圖片來(lái)源，接受 .gif, .jpg 及 .png 格式

2、width=100 height=100
設(shè)定圖片大小，通常只設(shè)為圖片的真實(shí)大小，以免失真，若需要改圖片大小最好使用圖像編輯工具。（改變大小的寬和高與原圖的寬和高要成正比例，圖片最好是改小不改大，以免失真。）

3、hspace=5 vspace=5
設(shè)定圖片邊沿空白，以免文字或其它圖片貼近。hspace 是設(shè)定圖片左右的空間， vspace是設(shè)定圖片上下的空間

4、border=2
圖片邊框厚度

5、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 等字的下邊）

6、alt="Logo of PenPal Garden"
這是用以描述該圖形的文字，若使用文字瀏覽器，由于不支持圖片，這些文字 將會(huì)代替圖片被顯示。若支持圖片的瀏覽器，當(dāng)鼠標(biāo)移至圖片上該文字也會(huì)顯示

7、lowsrc="pre_logo.gif"
設(shè)定先顯示低解析度的圖片，若加入的是一張很大的圖片，下載要很長(zhǎng)的時(shí)間，這張低 解析度的圖片會(huì)先被顯示以免瀏覽者失去興趣，通常是原圖的黑白版本