HTML文件路徑是用于描述網(wǎng)站文件夾中文件的位置,它是在網(wǎng)頁上用于鏈接外部文件的,比如:其他HTML文件(網(wǎng)頁),圖片(使用 img 標(biāo)簽或background屬性)、css樣式表(使用 link 標(biāo)簽)、JavaScript文件(使用 script 標(biāo)簽)等。下面我們就來看看兩種類型的文件路徑具體是如何設(shè)置的,希望對你們有所幫助。【視頻教程推薦:html' target='_blank'>HTML教程】
絕對文件路徑
絕對文件路徑是指目錄下的絕對位置,直接到達(dá)目標(biāo)位置,是主頁上的文件或目錄在硬盤上真正的路徑,通常是從盤符;它可以指定完整的URL地址。
例:
h2 使用完整的URL文件路徑 / h2 img src = http://img.VeVb.com/upload/article/000/000/024/5c18b67545a8c134.jpg alt= image >效果圖:
相對文件路徑
相對文件路徑就是指由這個(gè)文件所在的路徑引起的跟其它文件(或文件夾)的路徑關(guān)系,它可以指定與當(dāng)前頁面相關(guān)的文件;使用相對文件路徑可以帶來很多的便利。
下面我們就幾個(gè)相對文件路徑的例子:
例1:如何指向與HTML文件位于同一文件夾的1.jpg文件,如:
可以引用路徑
img src = 1.jpg alt= image >例2:如何指向位于當(dāng)前目錄的img文件夾中的1.jpg文件,例:
可以這樣引用路徑:
img src = img/1.jpg alt= image >例3:當(dāng)1.html文件和1.jpg文件在同一個(gè)目錄的兩個(gè)文件夾中,例:
可以這樣引用路徑:
img src = ../img/1.jpg alt= image >這三個(gè)例子實(shí)現(xiàn)的效果是一樣的,效果圖如下:
總結(jié):以上就是本篇文章的全部內(nèi)容,希望能對大家的學(xué)習(xí)有所幫助。
以上就是HTML文件路徑有哪些類型的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選