圖像的主要問題

我嘗試了一切，但圖像不會顯示。我打開一個新的文件夾，裏面有兩個文件夾，一個是命名的圖像，另一個命名爲index.html。我將一個圖像放在圖像文件夾中，並執行一個基本的HTML代碼（請參閱示例），但從未在屏幕上顯示圖像。我已經檢查每一個擊鍵，並確保所有文件名都是小寫，並有正確的文件擴展名：圖像的主要問題

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title> cakes.co.uk </title> 
</head> 

<body> 
<figure> 
<img src="images/cakes.jpg" alt="a sponge cake" height="200" width="400"> 
<figcaption> a well prepared cake </figcaption> 
</figure> 


</body> 

<footer> 
</footer> 

</html>

有沒有別的，我創建並有桌面上的新文件夾。我只有我的圖像文件夾和我的索引文件夾。所有無花果標題和alt代碼的作品，但我只在左上角得到一個小符號。

來源

2015-12-10 Medwayman

錯誤是圖像路徑src="images/cakes.jpg"。

要修復路徑，請使用src="cakes.jpg"或提供圖像的完全絕對路徑。

來源

2015-12-10 17:16:51

如果'images'文件夾與index.html位於同一文件夾中，則代碼應該正常工作。但是，請記住文件夾和文件的拼寫應該與您的路徑完全相同（也請查看大寫字母和簡單字母）。

如果您的index.html位於不同的文件夾中，您必須返回一個文件，然後訪問images文件夾。例如：

<img src="./images/cakes.jpg" alt="a sponge cake" height="200" width="400">

來源

2015-12-10 18:03:16 user5455438

一兩個問題：

你的URL可能是錯誤的。如果您的index.html文件位於父目錄並且圖像位於/ images中，則src="images/cakes.jpg"是正確的。但是，如果index.html位於/ index並且圖像位於/ images，那麼您需要將鏈接更改爲父目錄選擇器：..如下所示：src="../images/cakes.jpg"。

2.您的文件夾沒有權限權限設置。檢查它們是否類似於755，並且用戶www-data可以讀取它們。

來源

2015-12-10 19:00:20

圖像的主要問題

回答

相關問題