2016-11-11 48 views
-2

在我的文件夾中稱爲wren分配我有兩個文件。一個名爲wren.html的html文件和一個名爲marsh_wren_thumbnail.jpg的jpeg圖像我試圖插入一個圖像到一個html文件,但它不工作,它說我的圖像文件不存在

當我在谷歌中運行代碼時,圖像的輪廓在那裏,但沒有圖像。我不太清楚自己做錯了什麼,因爲我完全按照W3學校所說的插入圖像,圖像名稱與代碼中的圖像完全相同。有人能告訴我我做錯了什麼嗎?

<!DOCTYPE HTML> 
 
<html lang = "en"> 
 

 
<head> 
 

 
<meta charset = "UTF-8"> 
 

 
</head> 
 

 

 
<body> 
 

 
<h1>The Wren</h1> 
 

 
<img src="marsh_wren_thumbnail.jpg" alt="Wren" style="width:304px;height:228px;"> 
 

 

 
<h3>Other Names:</h3> 
 

 
\t <ul> 
 
\t \t <li>Wran</li> 
 
\t \t <li>Sally</li> 
 
\t \t <li>Chitty Wren</li> 
 
\t \t <li>Stumpy Toddy</li> 
 
\t </ul> 
 
    
 
    
 
    </body> 
 
    
 
    </html>

回答

1

您必須相同的文件夾marsh_wren_thumbnail.jpg爲您的HTML文件。例如:

Project-folder 
| index.html 
| marsh_wren_thumbnail.jpg 
+0

它位於同一個文件夾中。在實際文件夾中包含wren.html和圖像文件marsh_wren_thumbnail.jpg –

+0

當您在瀏覽器中打開控制檯時,您是否有這樣的錯誤「無法加載資源:服務器響應的狀態爲404(未找到)」? –

+0

不,列表和標題的工作原理,它只是圖像沒有,它只是一個包含左上角「Wren」字樣的框。不知道它是什麼,可能有點小,但我不能看到什麼是錯的。 –

相關問題