There is no item in your cart
圖像不像HTML一樣是固定在網頁上的。
但是，你可以使圖像在你的網頁上以最佳的大小和位置顯示……要做到這點，你就需要<IMG>標籤！
那麼，什麼是<IMG>標籤呢？
說的更具體點，你怎麼樣通過<IMG>標籤控制圖像的顯示效果呢？
<IMG>標籤告訴流覽器圖像檔應該在哪個位置顯示。你需要告訴流覽器要顯示圖像的名稱，這樣流覽器才能找到這個圖像檔並顯示出來。
讓我們首先來瞭解<IMG>標籤的基本結構：
在大多數情況下，一般都是下面的格式：
<IMG src=”image_filename”>
（image_filename是你需要顯示的檔案名稱，比如“tanstudio.jpg”）
要保證上面的標籤有效，應該確保HTML檔和圖像檔在同一個檔夾中。如果它們不在同一個檔夾中，你應該詳細說明路徑，這樣流覽器可以根據路徑找到另一個檔夾中的圖像檔。（詳細內容，請參照“避免壞鏈結和圖像丟失的簡易方法”）。
圖像屬性
你可以按照如下的格式定義圖像的高和寬：
<IMG src=”imagefile” WIDTH=”a” Height=”b”>
上面的例子中，“a”和“b”都是圖元，你可以在檔編輯器中查看檔的圖元。
圖像的高和寬可以以流覽器大小的百分比表示，如下：
<IMG src=”imagefile” WIDTH=”30%”>
這裏高度由流覽器根據指定的寬度按同比例顯示。
使用百分比的好處就是無論流覽器的視窗多大，圖像都會以合適的百分比顯示。
調整文字在圖像的上方：<IMG src=”imagefile” ALIGN=”top”>
調整文字在圖像的中間：<IMG src=”imagefile” ALIGN=”middle”>
同樣，你也可以調整文字置於圖像下面、右側或者左側。
你也可以在圖像和文字之間留出一定的空白，使你的網頁看起來更乾淨整潔，如下：
<IMG src=”imagefile” HSPACE=”a” VSPACE=”b”>
其中，“a”是以圖元為單位的水平間距。“b”是以圖元為單位的垂直間距。
圖像格式
流覽器可以識別幾種圖像格式，比如：gif，jpg/jpeg，bmp等等。但是gif格式通常用於需要快速下載圖像的格式，jpeg圖像則更大、更詳細。其他格式的圖像一般很少用。
如果你的圖形檔不是gif或jpeg格式的，你可以使用圖像編輯器將它們轉換成這種格式的。你可以使用Adobe Photoshop（有專門的“以網頁格式保存”）、PaintShop Pro、GraphX、ACDC32……或者，你不需要太多的功能，你可以到IrfanView.com上—那裏有免費的軟體，並且可以進行很多轉換。
資料來源: www.rank-ad.com