如何快速創建可盈利網站 — 第九章 使網頁上的圖片以最佳顯示

HTML, 技術語言, 網絡文章

圖像不像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

Post a comment

 

Loading...