我试图插入一个图像到一个html文件,但它不工作,它说我的图像文件不存在
问题描述:
在我的文件夹中称为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>
答
您必须相同的文件夹marsh_wren_thumbnail.jpg为您的HTML文件。例如:
Project-folder
| index.html
| marsh_wren_thumbnail.jpg
它位于同一个文件夹中。在实际文件夹中包含wren.html和图像文件marsh_wren_thumbnail.jpg –
当您在浏览器中打开控制台时,您是否有这样的错误“无法加载资源:服务器响应的状态为404(未找到)”? –
不,列表和标题的工作原理,它只是图像没有,它只是一个包含左上角“Wren”字样的框。不知道它是什么,可能有点小,但我不能看到什么是错的。 –