HTML中的相對路徑與絕對路徑

路徑

實際工作中，通常新建一個文件夾專門用於存放圖像文件，這時再插入圖像，就需要采用“路徑”的方式來指定圖像文件的位置。

路徑可以分為： 相對路徑和絕對路徑

相對路徑

1. 圖像文件和HTML文件位於同一文件夾：只需輸入圖像文件的名稱即可，如<img src="logo.gif" />。

2. 圖像文件位於HTML文件的下一級文件夾：輸入文件夾名和文件名，之間用“/”隔開，如<img src="img/img01/logo.gif" />。

3. 圖像文件位於HTML文件的上一級文件夾：在文件名之前加入“../” ，如果是上兩級，則需要使用 “../ ../”，以此類推，如<img src="../logo.gif" />。

絕對路徑

　　　完整的路徑 “D:\web\img\logo.gif”，或完整的網絡地址，例如“http://www.itcast.cn/images/logo.gif”。