主頁(yè) > 知識(shí)庫(kù) > 網(wǎng)頁(yè)制作解惑:圖象文件的路徑

網(wǎng)頁(yè)制作解惑:圖象文件的路徑

熱門(mén)標(biāo)簽:威海語(yǔ)音外呼系統(tǒng)平臺(tái) 江西ai電銷(xiāo)機(jī)器人如何 西安金倫外呼系統(tǒng) 地圖標(biāo)注沿海城市房?jī)r(jià) 通遼地圖標(biāo)注app 地圖標(biāo)注員工作內(nèi)容 智能語(yǔ)音電銷(xiāo)機(jī)器人客戶(hù)端 中國(guó)地圖標(biāo)注城市的 高德地圖標(biāo)注廁所

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

標(biāo)簽:崇左 北海 阜陽(yáng) 眉山 晉中 營(yíng)口 河池 青海

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《網(wǎng)頁(yè)制作解惑:圖象文件的路徑》,本文關(guān)鍵詞  網(wǎng)頁(yè)制作,解惑,圖象,文件,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《網(wǎng)頁(yè)制作解惑:圖象文件的路徑》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于網(wǎng)頁(yè)制作解惑:圖象文件的路徑的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章