1. src="http://www.viewstock.com/full/dir2494/dir853/1720037.JPG"
網(wǎng)絡(luò)上的圖片地址,可以鏈接自其他的網(wǎng)頁,了解這個地址的方法很簡單,在圖片上點(diǎn)鼠標(biāo)右鍵,選擇屬性,就可以看到圖片的地址了,把這個地址復(fù)制下來就可以了。
2. alt=不同的位置
這是用以描述這個圖片的文字,若用者使用文字瀏覽器,由于不支持圖片,這些文字更會代替圖片而被顯示。若于支持圖片顯示的瀏覽器,當(dāng)鼠標(biāo)移至圖片上該些文字就會顯示。 這個可有可無,根據(jù)個人的需要吧~
3. width=220
設(shè)置圖片的寬度,以象素(Pixels)為單位。
4. height=146
設(shè)置圖片的高度,以象素(Pixels)為單位。
在設(shè)定大小的時候,我們只需要選擇規(guī)定一定的寬度或一定的高度就可以了,圖片會按比例自動縮放,不用全部都設(shè)定,避免計(jì)算錯誤導(dǎo)致圖片被拉伸。例如在上邊的例子中,為了讓大家看效果,我用了兩個參數(shù),其實(shí)只需要用width=220就可以達(dá)到我想要的效果了。
為了避免失真,最好設(shè)為圖片的真實(shí)大小,若需要改變圖片大小最好使用圖像編輯工具事先編輯好。當(dāng)然如果我們懶一點(diǎn),或?qū)D片的效果要求不高,那么我們就沒必要,畢竟編輯圖片也要花時間嘛~
5. hspace=8
圖片與周圍文字或圖片的左右邊距,以象素(Pixels)為單位。
6. vspace=3
圖片與周圍文字或圖片的上下邊距,以象素(Pixels)為單位。
這兩個參數(shù)用于設(shè)定圖片邊沿空白,以免文字或其它圖片過于貼近,讓頁面看起來更美觀
7. border=1
圖片邊框厚度。
8. align=right
調(diào)整圖片在頁面上出現(xiàn)的位置,你可以控制文字環(huán)繞在圖片的左邊或右邊等??捎弥担簂eft, right (即圖片在左邊,右邊)
還有其他可選值:top, middle,bottom(即圖片在上方,中間,下方),但文字只會有一行出現(xiàn)在圖片旁邊的上方,中間或下方,不會出現(xiàn)整段的環(huán)繞。
例如:把剛才那段代碼中的align值設(shè)為 align=Top
<IMG src="http://www.viewstock.com/full/dir2494/dir853/1720037.JPG" alt=不同的位置 width=220 height=146 align=Top hspace=8 vspace=3 border=1>在地鐵里有兩種位置........(文本)
聯(lián)系客服