html顯示不了圖片，直接輸入url卻可以訪問

  初次嘗試html編寫，在插入圖片時遇到了問題，百度了一下，大家都說時路徑不正確，但經過檢查，我覺得我的路徑

<div>
    <!--相對路徑-->
    <img src="image/background.jpg" />
    <!--絕對路徑-->
    <img src="E:\webstorm\workspace\test\image\background.jpg" />
</div>

是正確的，並且不論是絕對路徑還是相對路徑我都試過，無法顯示圖片。

  最後終於在stackoverflow一位回答下找到了解決方案，將相對路徑改爲

    <!--相對路徑-->
    <img src="../image/background.jpg" />

  圖片就可以顯示了。

 

問題在於我沒有理解路徑，我的文件結構如下，../ 是回到父級 test文件夾，接下來的../image纔可以找到image文件夾

這裏特意記錄一下html相對路徑的寫法

./ ：代表文件所在的目錄（可以省略不寫）如果寫成image/background 就相當於是在html文件下找image文件夾，當然是找不到的

../ ：代表文件所在的父級目錄

../../ ：代表文件所在的父級目錄的父級目錄

/ ：代表文件所在的根目錄