加入圖片
：





　在第二章的時候，傲楓曾經介紹過如何加入背景圖片，背景圖的原
　理是利用一塊小圖，然後像貼磁磚一樣的貼滿。而我們現在要介紹
　的，是如何在網頁的某特定處，放入你所喜愛的圖片。










圖片標籤
：



  
<img src="xxx.gif">
　利用這個寫法就可以把圖放進網頁中了，src 後面要填的是你這張
　圖的位置所在。至於這張圖的位置要怎麼寫呢？

　這牽扯到絕對位置跟相對位置的問題，大家一定要到位置設定看看
　，因為這太重要了。我們這個例子是用相對位置的方式寫的。
    
　<img src="015.gif">                     













img中的屬性
：





width
height
　width 跟height這兩個屬性是用來控制圖形的寬跟長，但是要注意
　，如果把圖形過度的放大，會使圖形產生粗糙失真的情形，所以要
　特別注意。

　<img src="015.gif" width="26" height="40">  
　<img src="015.gif" width="60" height="90">

    
alt
　這個屬性可將圖片加入註解。因為傳輸的不順利，瀏覽者往往會看
　不到你所放的圖，所以貼心的你將圖片加入註解，這個註解會出現
　在圖框中，滑鼠放上這張圖也會顯示出來，這樣一來瀏覽者就知道
　知道它是什麼圖，再決定要不要reload這張圖。


　
寫法
顯示
沒有註解
<img src="x.gif">

有註解
<img src="x.gif" alt="傲楓">





border
　這個屬性控制圖片邊框的粗細，如果沒有特別指定，預設值是0

　<img src="015.gif" border="4">            



vspace=xx
　圖的垂直方向預留的空白寬度。xx裡面填的是數字，這個標籤是為
　了避免圖跟其他的內容擠成一團。

hspace=xx
　圖的水平方向預留的空白寬度。


　
寫法
顯示
垂直方向
上<br><img src="015.gif" vspace="30"><br>下
上

下
水平方向
左<img src="015.gif" hspace="20">右
左右




align
　控制圖片的定位。
　left、center、right分別表示將圖片置左、置中、置右。
　top、middle、bottom分別表示圖片的上緣、中間、下緣對齊基準線。



寫法
顯示
<img src="015.gif" align="right">圖置右
圖置右
<img src="015.gif" align="left">圖置左
圖置左
<img src="015.gif" align="top">圖上緣對齊基準
圖上緣對齊基準
<img src="015.gif" align="bottom">圖下緣對齊基準
圖下緣對齊基準













回上一章　文字之美　　　　　　到下一章　連結應用