網頁制作圖象文件的路徑

        1）圖像標記概述。

如果網頁只有文字而沒有圖像，像失去了很多活力，圖像在網頁制作中是非常重要的一個方面，HTML專業提供了<IMG>標記來把圖像輸出到網頁上。該標記有SRC、ALT、ALIGN、BORDER、WIDTH和HEIGHT屬性。

2）屬性介紹。

SRC屬性。對於<IMG>標記，其SRC屬性是必然屬性，即在<IMG>標記中SRC是必須賦值的，是標記不可缺少的一部分。這時，IMG應該寫成如下格式：

<IMGSRC=”參數值”>

其中，參數值為圖像的文件名全稱和路徑。

我們知道圖像文件占用的空間一般遠大於諸如HTML文檔這樣的純文本文件，而網頁設計經常需要加入許多圖像以便增加吸引力，如果這些圖像文件都要加入HTML文檔裡，HTML文檔就會變得很大，在網絡上傳輸必然會很慢。

<IMG>標記並不是真正把圖像加入到HTML文檔中，而是告訴HTML：圖像文件是哪個？在哪裡？以便HTML到圖像文件的原始位置去調用它。SRC屬性的作用就是回答這兩個問題，所以SRC屬性的參數值一定要有圖像文件的文件名全稱，即文件名和擴展名，如logo.gif，這就回答了圖像文件是哪個的問題；其參數值也要有圖像文件的路徑，以便HTML知道在什麼地方去找到這個圖像文件。

SRC屬性的參數值中，如何撰寫圖像文件的路徑對於初學者往往是個問題。

圖像文件的路徑可以是相對路徑，也可以是網址。所謂相對路徑是指所要鏈接或嵌入到當前HTML文檔的文件與當前HTML文件的相對位置所形成的路徑。假如HTML文件與圖像文件（假設名字為logo.gif）在同一個目錄下，則可以將代碼寫成<IMGSRC=”logo.gif”>；假如該圖像文件放在當前的HTML文件所在目錄的一個子目錄（假設子目錄名為images）下，則代碼應為<IMGSRC=”images/logo.gif”>；假如該圖像文件放在當前HTML文件所在目錄的上層目錄（假設上層目錄名為home）下，則相對路徑必須是准網址了，即用“../”來表示開發者的網站，然後在後邊緊跟圖像文件在開發者網站中的路徑。例如，假設home是這個網站下的一個目錄，則代碼應該為<IMGSRC=”../home/logo.gif”>，若home是網站下的目錄king下的一個子目錄，則代碼應該寫為<IMGSRC=”../king/home/logo.gif”>。

其它屬性。<IMG>標記的ALT、ALIGN、BORDER、WIDTH和HEIGHT屬性是可選的。ALIGN屬性是圖像的對齊方式，參數取值為左（left）、中（center）、右（right）；BORDER是圖像的邊框，其參數取大於或等於0，默認單位為像素；WIDTH和HEIGHT屬性是圖像的寬和高，其參數的默認單位為像素；ALT屬性是當鼠標移動到圖像上時顯示的文本，在這裡提醒大家制作網頁時一定要使用該屬性，這樣做的目的是什麼呢？是當圖像由於某種原因不能顯示時可以顯示提示的文字，這樣增加了對用戶的友好度。