網頁製作圖象檔案的路徑

來源:互聯網
上載者:User

        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屬性是當滑鼠移動到映像上時顯示的文本,在這裡提醒大家製作網頁時一定要使用該屬性,這樣做的目的是什麼呢?是當映像由於某種原因不能顯示時可以顯示提示的文字,這樣增加了對使用者的友好度。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。