2016-11-11 49 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”字样的框。不知道它是什么,可能有点小,但我不能看到什么是错的。 –

相关问题