如何在html框中包含图像

Question

我在html的页面上工作。我能够在一个盒子中包含一个图像，但我不知道为什么它不可见。我应该把它包括在某个地方吗？它位于目录中，包含项目的所有其他图像。以下是我的页面

中的视图

这是我的代码：

HTML

    <div id="LibraryContent"style="text-align:center;">
        <div id="adbox">
            <img src="../images/thriller.jpg" align="left" style="width:100px;height:100px" />
        </div>
    <section class="container">
        <nav>
        <style>
            div {

                height: 650px;
                width: 850px;
                padding: 3px;
                border: 3px solid;
                vertical-align: middle;

            }

        </style>
    </nav>
</section>
</div>

CSS：

#LibraryContent {
    background: transparent;
    vertical-align: top;
    display: table-cell;
    padding: 8px 0 0;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-top: -50px;
    margin-left: -300px;
}

#adbox {
    width: 840px;
    height: 150px;
    margin-top: -9px;
    background-color: dimgrey;
}

因为我在发布代码时遇到了一些问题，所以我带走了身体部位。希望您能够帮助我。这只是一个错误或者可能是图像类型的东西。所有图像都在目录../Web/Music/images中。我没有使用javascript（只是为了准确）

Answer 1

根据上面显示的图像，问题与路径

有关

1. 尝试检查路径是否正确

2. 检查您使用的文件类型是否正确

3. 检查文件的情况，就像你使用了thriller.jpg而不是Thriller.jpg