網站不會顯示我的圖像

我對html很新，我仍然在學習！但是，我已經編碼爲我的HTML在我的網頁上顯示一張圖片。我試圖在我的網站上顯示的圖像與我的html和我的樣式表位於相同的文件夾中。但是當我加載我的網站時，它使用Microsoft Edge顯示了一個黑色的正方形，其中有一個白色的x。當我在谷歌瀏覽器中打開我的網頁時，它會顯示一張卡通圖片，並在我的圖片應該顯示的位置顯示一條線。我的html再次不會在我的網頁上顯示我的圖片。這裏是我的照片html代碼：網站不會顯示我的圖像

<img src="apollo13.jpg" alt="Apollo 13" />

這是我的文件與它的一切： My file with everything (html, css, image)

我使用的是Windows 10 請幫助！謝謝， Tyler.904

來源

2016-03-29 tyler.904

您可以通過http://yoursite.com/apollo13.jpg查看你的形象？此外，img標籤沒有結束斜槓。 – Rob

當我點擊該鏈接（yoursite.com/apollo13.jpg）時，它會顯示「403 Forbidden 請求被管理規則禁止。」 –

你的意思是你點擊了我在評論中創建的鏈接？還是你去了你的網站？ – Rob

根據您的屏幕截圖，您的PNG圖像沒有擴展名，但被識別爲PNG，這意味着您隱藏了已知的擴展名。因此，這意味着你的圖像的實際文件名（你拒絕在評論中告訴）是apollo13.jpg.jpg和完整的HTML是：

<img src="apollo13.jpg.jpg" alt="Apollo 13" />

或者乾脆將文件重命名爲apollo13.jpg（下降一個.jpg）。

原始截圖以供參考（你有相當的雙擴展名的幾個文件）：

來源

2016-03-29 21:44:43 Shomz

哇！非常感謝你，我沒有實現這個目標！我很抱歉沒有說我的文件名，因爲我沒有意識到我犯了這個錯誤......謝謝你，我的問題解決了！ –

沒問題，夥計！也許你可以在Windows中禁用「隱藏已知文件擴展名」選項，直到你得到它的一個掛起（你有'resume.css.txt'這樣的東西）。這是如何：http://windows.microsoft.com/en-us/windows/show-hide-file-name-extensions#show-hide-file-name-extensions=windows-7 – Shomz

會做！再次感謝。 –

網站不會顯示我的圖像

回答

相關問題