无法将图像放入标题html

我在将图像插入项目时遇到问题。当我运行项目时，它只显示一个损坏的图像图标。我试着换一张不同的照片，但都是一样的。我还尝试将整个路径插入src，尝试使用

header{

background-image: url("../project/picture.jpg");

}

及

#标题背景{
宽度：100%；
高度：100px；
背景：url（picture.JPG）；
}

插入时

<img src="picture.jpg" alt="where is the image">

---

它返回文本。

如果在标题ID中使用了错误的名称，则必须使用

标题背景

而不是

标题=背景

。例如：

#header-background{
    width: 100%;
    height: 100px;
    background: url(picture.JPG);
}
<header id="header-background">
    <div class="logo"></div>
</header>

#标题背景{
宽度：100%；
高度：100px；
背景：url（picture.JPG）；
}

或者您也可以使用下面的代码，但请确保

中有某些内容

标题
{
背景图片：url（“picture.jpg”）；
}
你好

我尝试了两种方式，但它没有显示图片，只是显示了我放在中间的文本。可能是您将图片放在了错误的文件夹中，或者您提供了错误的url。确保它和html文件在同一个文件夹中。我也这么认为，但我把它放在不同的文件夹中，它就是不工作。在浏览器控制台中，我得到“加载资源失败：服务器响应状态为404（）”

#header-background{
    width: 100%;
    height: 100px;
    background: url(picture.JPG);
}
<header id="header-background">
    <div class="logo"></div>
</header>

header
{
    background-image: url("picture.jpg");
}
<header id="header-background">
    <div class="logo">Hello</div>
</header>