圖像未加載到 HTML

Question

我試圖使用“img src”標簽在我的網頁上加載圖像，但是圖像沒有加載。 我的路徑是正確的，我嘗試從代碼的主體和頭部部分加載圖像。 它沒有用。

這是代碼：

<img src = "C:/Users/galde/Desktop/Web Development/Projects/Personal Site/Images/icon.png" alt = "An image of Ghazi Aldeeb">

Answer 1

您是否嘗試過不包含任何空格的相對路線？ 例如假設該行已經在個人站點的不同目錄中，試試這個：

<img src = "../Images/icon.png" alt = "An image of Ghazi Aldeeb">

如果你在項目的路線上試試這個

<img src = "/Images/icon.png" alt = "An image of Ghazi Aldeeb">

絕對路由是您可能想要避免的事情，以及目錄名稱中的空格或特殊字符

Answer 2

如果您的圖像與 html 文件位於同一文件夾中，您可以試試這個

<img src="icon.png" alt = "An image of Ghazi Aldeeb">