首页 > 解决方案 > HTML 找不到图片

问题描述

我刚刚开始使用 HTML,我似乎已经跌入了第一个障碍。

我正在尝试创建一个包含单击时下载的图像的基本网页。

到目前为止,我有:

<a href="/images/selfie_img.jpg" download> <img src="/images/selfie_img.jpg" alt="Selfie" style="width: 300px"> </a>

我希望这会显示我想要的图像,因为在我看来,它的格式与我看到的所有示例完全一样。但是,这仅显示替代标题,而不是实际图像。

我检查了图像路径,并使用了不同的图像来尝试解决问题。我正在使用 VS 代码,软件可以按照图像路径找到合适的图像,但是当我加载程序时,图像被那个烦人的蓝色问号取代。使用 URL 作为图像路径似乎可以工作,但是单击时没有下载图像,我只是得到了 URL。

标签: htmlcssimage

解决方案


欢迎来到 StackOverflow,SpicedWater!

您描述的问题很可能是由错误的路径引起的。您的浏览器解析了图像路径并且找不到它。我建议您查看浏览器或开发人员控制台的网络选项卡中的源代码,以查看它试图在哪个路径上找到此图像以及浏览器确定的 http 状态代码。


推荐阅读