图像未显示在 vs 代码中
Image not displayed in vs code
我使用 VS Code 和 Live Server 扩展，我正在尝试放置带有 <img> 标签的图像，该图像位于同一文件夹中并命名为 coin.png ，我尝试键入 <img src="coin.png>"，但这是我在浏览器中得到的结果 here，我试图查看浏览器的控制台，但我收到了这条消息 coin.png:1 Failed to load resource: the server responded with a status of 404 (Not Found)，这很奇怪问题是它可以与任何其他 IDE 一起使用，为什么会发生这种情况以及如何解决它？
您必须像这样使用从 html 文件到图像文件的相对路径或绝对路径
<img src="./coin.png" />
如果您的图像文件与 html 文件位于同一位置
或者
<img src="[path to your image file]/coin.png" />
我使用 VS Code 和 Live Server 扩展，我正在尝试放置带有 <img> 标签的图像，该图像位于同一文件夹中并命名为 coin.png ，我尝试键入 <img src="coin.png>"，但这是我在浏览器中得到的结果 here，我试图查看浏览器的控制台，但我收到了这条消息 coin.png:1 Failed to load resource: the server responded with a status of 404 (Not Found)，这很奇怪问题是它可以与任何其他 IDE 一起使用，为什么会发生这种情况以及如何解决它？
您必须像这样使用从 html 文件到图像文件的相对路径或绝对路径
<img src="./coin.png" />
如果您的图像文件与 html 文件位于同一位置 或者
<img src="[path to your image file]/coin.png" />