我使用 Visual Studio Code。我从互联网上下载了一张图片,然后将其放入我的 Node 元素的目录中。然后我更改了图像的名称,写为<img src = "file_2.jpeg">
并打开我的浏览器。我没有看到上述图像。
最佳答案
Headnote:在没有额外信息的情况下,这只是暗中试探。不过,我会尽我所能为您提供帮助。
在查看您的评论和问题后,您似乎在 src
周围有不必要的空格属性。我不确定这是否是写你的问题时的意外,但如果不是,请更改 <img src = "file_2.jpeg">
至 <img src="file_2.jpeg">
.
这让我想到了下一个可能性:文件路径是否正确?我需要知道您的元素根目录和文件路径才能准确告诉您要输入的内容,但是,请尝试更改 <img src="file_2.jpeg">
至 <img src="file:///project-root/path-to-file/file_2.jpeg">
.
如果这些都不能解决您的问题,我不确定图像无法显示的任何其他原因。
问自己这样的问题,以及
Is there any styling that could affect my image?
这个。
Is the filename the same in my
src
as it is in my image's directory?
还要确保检查您的代码,直到您完全确定没有明显的解决方案为止。
请在您以后的问题中提供标记,以便更详细地回答您的问题。但是,在此示例中,它应该看起来像这样。
<!DOCTYPE html>
<html>
<body>
<img src="document-root/path-to-file/file_2.jpeg">
</body>
</html>
脚注:我想向您推荐learn how to ask great questions和stay on-topic问问题的时候。请refer to the help center如果您有疑问。
关于html - 图像不显示在 Node 元素的浏览器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49468952/