Question

在我的网站加载任何浏览器时，我的图片都没有显示在我的网站上。我的HTML代码是

<HTML>
<img class="header-img" src="images/headerbanner.png" alt="App Image" />
</HTML>

保存它的div的大小和宽度在css文件中设置。 images文件夹与进行此img标记调用的文件位于同一目录中。但是，每当我的页面加载时，图像中间会出现一个图标，没有显示图像，只有替代文本。我无法弄清楚问题，感谢任何帮助！

编辑：图像的宽度为1000像素，高度为300像素。 css代码在header-img类中设置此标记的宽度。

为了澄清，我仔细检查了图像名称，它是headerbanner.png，位于图像文件夹中，该文件夹与带有图像标记的文件位于同一文件夹中。图像div标签比图像大，但我不认为这是一个问题。这是一个运行本地MAMP服务器的wordpress站点。

Answer 1

如果您没有看到图像并且只看到图标，则有以下几种可能性：

等

Answer 2

你在制作WordPress模板吗？这段代码是WordPress模板的一部分吗？

如果是这样，您应该使用get_template_directory_uri(); WordPress功能来检索图像的绝对网址，然后它才能正常工作。