![](/img/trans.png)
[英]html relative path not working even though vs code displays the image using the relative path
[英]Relative image path not working(HTML)
我似乎無法使用相對路徑將圖像顯示在網頁上。 我在上傳到網頁之前使用程序“括號”進行了所有編輯。 以下是我正在使用的相對路徑,當我將鼠標懸停在圖像縮略圖顯示的路徑上時。 但它仍不會顯示在頁面上...我有什么遺漏嗎? 謝謝,麻煩您了。
<img id="01" class ="tn leftcol" width = "150" height = "150"
src=".//Images/IMG_3604.JPG" alt="1" />
有兩個斜線。 這可以解釋為協議。 將src
更改為Images/IMG_3604.JPG
如果通過變量填充,請檢查源文本或環境
有兩個正斜杠。 它應該是./Images/xxxxx.png而不是.//
如果必須離開目錄,請使用../如果圖像文件夾位於您當前正在使用的文件夾中,則不使用。
Src =“ Images / IMG_3604.JPG”
您的html文件位於同一目錄中。
Src =“ ../ Images / IMG_3604.JPG”
HTML文件位於子目錄中,您需要移出該文件夾才能訪問圖像。
Src =“ ../../ Images / IMG_3604.JPG”
HTML位於子目錄的子目錄中,您需要同時進入這兩個目錄才能進入Images文件夾。
希望這可以幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.