關於VScode中,引用圖片src路徑的相關問題


今天使用VScode遇到比較坑的問題,在網上尋找了很久都沒有答案,當然我是小白,初次使用VScode前端編輯器,現在將問題總結一下:

第一種,像這種兩個文件是同級,photo.html中img標簽引用1.png圖片,可以直接將圖片名稱寫在src中,這是最簡單的一種

 

 

第二種就是html是引用文件的下級,不在同一個文件夾下面,如下圖,這時候src里面路徑就要改成圖片的相對路徑

 

第三種就是html和圖片位於不同的文件夾下面,html想要引用圖片,那么這塊地址非常容易錯誤,src中相對路徑和絕對路徑都不行,要改成../文件夾名/文件名,必須這樣,親測

 

 

最后總結一下,第一種和第二種都可以用第三種的方式引入圖片,../表示的是所有路徑下的文件,雖然問題不是太大的問題,但是記錄一下防止有同樣的初學者出現跟我一樣的情況,然后百度不到或者百度描述不清楚的情況

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM