圖片的使用
======================================================
使用<img>標心插入圖片
<img>標記是用於導入圖文件的標記，使用此標記可將文件導入到HTML文件中顯示。<img>標記並無終止標記，因爲當瀏覽器讀取到<img>標記時，會直接顯示此標記所代表的圖片，目前瀏覽支持gif、jpg等格式的圖片。利用<img>標記導入圖文件的最基本語法如下：
<img src=圖文件保存位置與名稱>
其中src屬性爲<img>標記的必要屬性，是不可省略的，該屬性將指定要導入的圖文件的保存位置與名稱。
<img src=image/scenery.gif>
例：
<html>
<body>
<img src=image/scenery.gif>
</body>
</html>
==================================================================
圖片高度——height屬性
設置顯示網頁中圖片高度的語法如下：
<img heigh=n或m%>
n爲一整整數值，單位爲像素。m爲0~100的數值
例：
<html>
<body>
<img src=image/flower.gif>
<img src=image/flower.gif height=200>
<img src=image/flower.gif height=20%>
</body>
</html>
================================================================
圖片寬度——width屬性
設置顯示於網頁中圖片寬度的語法如下：
<img width=n或m%>
n爲一整整數值，單位爲像素，m爲0-100的數值，代表圖文件顯示寬度相對於窗口寬度的百分比。
例：
<html>
<body>
<img src=image/flower.gif>
<img src=image/flower.gfi width=200>
<img src=image/flower.gif width=15%>
</body>
</html>
設置圖片的高度和寬度
例：
<html>
<body>
<img src="image/setting sun.gif"height=30% width=60%>
<p>此圖爲相對於窗口高度的30%與寬度的60%</p>
<img src="image/setting sun.gif"height=100 width=350>
<p>此圖的高度爲100像素，寬度爲350像素</p>
</body>
</html>
======================================================
圖片邊緣寬度——border屬性
<img>標記的border屬性，用於設置圖片的邊框寬度，其語法如下：
<img border=n>
例：
<html>
<body>
<img src="image/to fish.gif"height=30% border=8>
此圖的邊框爲border=2<br>
<img src="image/to fish.gif"height=20% border=6>
此圖的邊框爲border=6<br>
<img src="image/to fish.gif"height=10% border=2>
此圖的邊框爲border=8<br>
</body>
</html>
=======================================================
圖片水平空間——hspace屬性
設置圖片左右兩邊水平方向的空白區域寬度，在網頁中的文字以及其他對象
<img hspace=n>
n爲數值，單位爲像素
例：
<html>
<body>
<img src="image/flower1.gif"height=50% haspace=20>
此圖的hspace值爲80<p>
<img src="image/flower1.gif"height=30% haspace=60>
此圖的hsapce值爲60<p>
</body>
</html>
=============================================================
圖片垂直空間——vspace屬性
<img vspace=n>n爲數值，單位爲像素
例：
<html>
<body>
<img src="image/flower1.gif" height=20% width=30% vspace=10>
此圖的vspace值爲10<p>
<img src="image/flower1.gif" height=30% width=50% vspace=80>
此圖的vspace值爲50<p>
</body>
</html>
======================================================