HTML文件路徑指定文件在網(wǎng)站文件夾中的位置。 文件路徑與網(wǎng)絡(luò)瀏覽器的文件地址非常相似。 使用HTML文件路徑 ，可以將任何外部文件或資源鏈接到HTML文件。
| 路徑 | 描述 |
| <img src="picture.jpg"> | picture.jpg 位于與當(dāng)前網(wǎng)頁相同的文件夾 |
| <img src="images/picture.jpg"> | picture.jpg 位于當(dāng)前文件夾的 images 文件夾中 |
| <img src="/images/picture.jpg"> | picture.jpg 當(dāng)前站點(diǎn)根目錄的 images 文件夾中 |
| <img src="../picture.jpg"> | picture.jpg 位于當(dāng)前文件夾的上一級文件夾中 |
1. HTML 文件路徑
文件路徑描述了網(wǎng)站文件夾結(jié)構(gòu)中某個(gè)文件的位置。文件路徑會在鏈接外部文件時(shí)被用到：
（1）網(wǎng)頁
（2）圖像
（3）樣式表
（4）JavaScript
2. 路徑分類
經(jīng)常會有網(wǎng)友發(fā)現(xiàn)自己的網(wǎng)頁中會有圖片不能顯示，其實(shí)大部分的原因都是因?yàn)槟愕牡刂穼戝e(cuò)了。網(wǎng)頁中的圖片或視頻，都有自己對應(yīng)存放的位置。網(wǎng)頁只是通過其路徑來找到它們的。
頁面需要找到圖片，就要通過路徑才可以實(shí)現(xiàn)，路徑分為相對路徑（常用）和絕對路徑
（1）相對路徑
相對路徑指向了相對于當(dāng)前頁面的文件。在下面的例子中，文件路徑指向了位于當(dāng)前網(wǎng)站根目錄中 images 文件夾里的一個(gè)文件；
從當(dāng)前文件開始出發(fā)找目標(biāo)文件的過程，分為同級目錄、上級目錄、下級目錄
a.同級目錄
當(dāng)前文件和目標(biāo)文件在同一目錄中
b.上級目錄
目標(biāo)文件在上級目錄中
c.下級目錄
目標(biāo)文件在下級目錄中
2.絕對路徑
絕對文件路徑是指向一個(gè)因特網(wǎng)文件的完整 URL；目錄下的絕對路徑，可直接到達(dá)目標(biāo)位置，分為從盤符開始的路徑和完整的網(wǎng)絡(luò)地址。
舉例：
<img src="http://www.sztianhecheng.cn/oj/image/photo.png" alt="demo">
C語言網(wǎng)提供由在職研發(fā)工程師或ACM藍(lán)橋杯競賽優(yōu)秀選手錄制的視頻教程，并配有習(xí)題和答疑，點(diǎn)擊了解：
一點(diǎn)編程也不會寫的：零基礎(chǔ)C語言學(xué)練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進(jìn)階課程
從零到寫出一個(gè)爬蟲的Python編程課程
只會語法寫不出代碼？手把手帶你寫100個(gè)編程真題的編程百練課程
信息學(xué)奧賽或C++選手的 必學(xué)C++課程
藍(lán)橋杯ACM、信息學(xué)奧賽的必學(xué)課程：算法競賽課入門課程
手把手講解近五年真題的藍(lán)橋杯輔導(dǎo)課程