網(wǎng)頁制作解惑-圖象文件的路徑_0

2020-03-22 19:38:11

字體：大中小

供稿：網(wǎng)友

本文屬于phpStudy閃電兒原創(chuàng)，轉(zhuǎn)載可以去掉這句話，但是不要以任何借口或方式更改文章的內(nèi)容，否則后果自負(fù)！轉(zhuǎn)載請注明作者和出處。
很久以前一直到現(xiàn)在，有好多網(wǎng)友問過我類似的問題，尤其是拷貝了本站的一些圖形圖像特效代碼后，總是圖片顯示不出來等問題出現(xiàn)，在這里專門為這些初學(xué)者寫一篇相關(guān)的教程，如果您沒有這方面的疑問，請自行走開！
關(guān)于網(wǎng)頁中應(yīng)用圖像的問題，也就是網(wǎng)頁中圖像標(biāo)記的應(yīng)用，下面給大家總結(jié)一下！
1）圖像標(biāo)記概述。
如果網(wǎng)頁只有文字而沒有圖像，像失去了很多活力，圖像在網(wǎng)頁制作中是非常重要的一個方面，HTML專業(yè)提供了 IMG 標(biāo)記來把圖像輸出到網(wǎng)頁上。該標(biāo)記有SRC、ALT、ALIGN、BORDER、WIDTH和HEIGHT屬性。
2）屬性介紹。
SRC屬性。對于 IMG 標(biāo)記，其SRC屬性是必然屬性，即在 IMG 標(biāo)記中SRC是必須賦值的，是標(biāo)記不可缺少的一部分。這時，IMG應(yīng)該寫成如下格式：
IMG SRC= 參數(shù)值
其中，參數(shù)值為圖像的文件名全稱和路徑。
我們知道圖像文件占用的空間一般遠(yuǎn)大于諸如HTML文檔這樣的純文本文件，而網(wǎng)頁設(shè)計(jì)經(jīng)常需要加入許多圖像以便增加吸引力，如果這些圖像文件都要加入HTML文檔里，HTML文檔就會變得很大，在網(wǎng)絡(luò)上傳輸必然會很慢。
IMG 標(biāo)記并不是真正把圖像加入到HTML文檔中，而是告訴HTML：圖像文件是哪個？在哪里？以便HTML到圖像文件的原始位置去調(diào)用它。SRC屬性的作用就是回答這兩個問題，所以SRC屬性的參數(shù)值一定要有圖像文件的文件名全稱，即文件名和擴(kuò)展名，如logo.gif，這就回答了圖像文件是哪個的問題；其參數(shù)值也要有圖像文件的路徑，以便HTML知道在什么地方去找到這個圖像文件。
SRC屬性的參數(shù)值中，如何撰寫圖像文件的路徑對于初學(xué)者往往是個問題。
圖像文件的路徑可以是相對路徑，也可以是網(wǎng)址。所謂相對路徑是指所要鏈接或嵌入到當(dāng)前HTML文檔的文件與當(dāng)前HTML文件的相對位置所形成的路徑。假如HTML文件與圖像文件（假設(shè)名字為logo.gif）在同一個目錄下，則可以將代碼寫成 IMG SRC= logo.gif ；假如該圖像文件放在當(dāng)前的HTML文件所在目錄的一個子目錄（假設(shè)子目錄名為images）下，則代碼應(yīng)為 IMG SRC= images/logo.gif ；假如該圖像文件放在當(dāng)前HTML文件所在目錄的上層目錄（假設(shè)上層目錄名為home）下，則相對路徑必須是準(zhǔn)網(wǎng)址了，即用 ../ 來表示開發(fā)者的網(wǎng)站，然后在后邊緊跟圖像文件在開發(fā)者網(wǎng)站中的路徑。例如，假設(shè)home是這個網(wǎng)站下的一個目錄，則代碼應(yīng)該為 IMG SRC= ../home/logo.gif ，若home是網(wǎng)站下的目錄king下的一個子目錄，則代碼應(yīng)該寫為 IMG SRC= ../king/home/logo.gif 。
其它屬性。 IMG 標(biāo)記的ALT、ALIGN、BORDER、WIDTH和HEIGHT屬性是可選的。ALIGN屬性是圖像的對齊方式，參數(shù)取值為左（left）、中（center）、右（right）；BORDER是圖像的邊框，其參數(shù)取大于或等于0，默認(rèn)單位為像素；WIDTH和HEIGHT屬性是圖像的寬和高，其參數(shù)的默認(rèn)單位為像素；ALT屬性是當(dāng)鼠標(biāo)移動到圖像上時顯示的文本，在這里提醒大家制作網(wǎng)頁時一定要使用該屬性，這樣做的目的是什么呢？是當(dāng)圖像由于某種原因不能顯示時可以顯示提示的文字，這樣增加了對用戶的友好度。html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：網(wǎng)頁注釋在IE中產(chǎn)生文字溢出

下一篇：網(wǎng)頁制作有用的代碼