博客技巧 2006-12-19 20:42:32 閱讀1934 評論26 字號:大中小
一、html代碼:
1、基本語法:
<img src="圖片文件地址">2、圖片普通插入
<img border=0 src="圖片文件地址">效果:
3、設(shè)定圖片上下左右空白位置
<img src="圖片文件地址" width=130 height=92 border=0 hspace=30 vspace=50">效果:
4、設(shè)定圖片中間對齊,邊框厚度為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)記,主要用來插入圖形標(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"
圖片來源,接受 .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 表示圖片和文字依頂線對齊,
baseline 表示圖片對齊到目前文字行底線值,
absmiddle 表示圖片對齊到目前文字行絕對中央,
absbottom 表示圖片對齊到目前文字行絕對底部,(絕對底部是指它考慮到比如 y 、g、q 等字的下邊)6、alt="Logo of PenPal Garden"
這是用以描述該圖形的文字,若使用文字瀏覽器,由于不支持圖片,這些文字 將會代替圖片被顯示。若支持圖片的瀏覽器,當(dāng)鼠標(biāo)移至圖片上該文字也會顯示7、lowsrc="pre_logo.gif"
設(shè)定先顯示低解析度的圖片,若加入的是一張很大的圖片,下載要很長的時(shí)間,這張低 解析度的圖片會先被顯示以免瀏覽者失去興趣,通常是原圖的黑白版本
聯(lián)系客服