圖片相對路徑html/css連結方法(圖片連結失敗？)

連結路徑分為絕對路徑跟相對路徑
不管是連檔案還是連圖片都用得到
絕對路徑：圖片網址,例如 https://picsum.photos/200/300
相對路徑：存在電腦的圖 file:///Users/Apple/Desktop/project/images/logo.png

假設在本機圖片路徑為project/images/logo.png

html
✅ img src="images/logo.png" 
❌ img src="logo.png" 

css
✅  background-image: url(../images/logo.png);
❌  background-image: url(images/logo.png);

 檢查方法 

1. 圖片連結失敗先檢查路徑是否正確
2. 用chrome開發者工具按右鍵檢查