上一篇提到圖片匯入方式最重要環節就是src屬性,相對路徑及絕對路徑使用方式
要注意相對路徑檔案及絕對路徑差別
相對路徑:
.目前的目錄
/根目錄
..上一層目錄
<img src="./images/logo.png">
目前的目錄下的檔案
<img src="/images/logo.png">
目前的目錄下的檔案
<img src="../test/images/logo.png">
上一層目錄下的圖片檔案
絕對路徑:
https://condescending-brattain-537589.netlify.app/img/logo.png
WWW網路伺服器上的圖片檔案
file:///C:/Users/user/Desktop/test/images/logo.png
本機上c槽在桌面上test目錄下的圖片檔案
參考資料:
第7章製作超連結相對路徑與絕對路徑的觀念 - 林偉川
【網路教學】相對路徑與絕對路徑