HTML文件路徑的兩種類型分別是什么

這篇文章主要介紹了HTML文件路徑的兩種類型分別是什么，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

HTML文件路徑有兩種類型，分別為：絕對文件路徑和相對文件路徑。

HTML文件路徑是用于描述網(wǎng)站文件夾中文件的位置，它是在網(wǎng)頁上用于鏈接外部文件的，比如：其他HTML文件（網(wǎng)頁），圖片（使用<img>標(biāo)簽或background屬性）、css樣式表（使用<link>標(biāo)簽）、JavaScript文件（使用<script>標(biāo)簽）等。

絕對文件路徑

絕對文件路徑是指目錄下的絕對位置，直接到達(dá)目標(biāo)位置，是主頁上的文件或目錄在硬盤上真正的路徑，通常是從盤符；它可以指定完整的URL地址。

例：

<h3>使用完整的URL文件路徑</ h3>  
<img src ="https://img.php.cn/upload/article/000/000/024/5c18b67545a8c134.jpg"  alt="image"  style="width: 250px">  
<img src ="D:/demo/img/1.jpg"  alt="image"  style="width: 250px">

效果圖：

相對文件路徑

相對文件路徑就是指由這個文件所在的路徑引起的跟其它文件（或文件夾）的路徑關(guān)系，它可以指定與當(dāng)前頁面相關(guān)的文件；使用相對文件路徑可以帶來很多的便利。

下面我們就幾個相對文件路徑的例子：

例1：如何指向與HTML文件位于同一文件夾的1.jpg文件，如：

可以引用路徑

<img src ="1.jpg"  alt="image"  style="width: 250px">

例2：如何指向位于當(dāng)前目錄的img文件夾中的1.jpg文件，例：

可以這樣引用路徑：

<img src ="img/1.jpg"  alt="image"  style="width: 250px">

例3：當(dāng)1.html文件和1.jpg文件在同一個目錄的兩個文件夾中，例：

可以這樣引用路徑：

<img src ="../img/1.jpg"  alt="image"  style="width: 250px">

這三個例子實(shí)現(xiàn)的效果是一樣的，效果圖如下：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享HTML文件路徑的兩種類型分別是什么內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!