【问题标题】:Why can I not get a picture of my image in this HTML document? [duplicate]为什么我无法在此 HTML 文档中获取我的图像的图片? [复制]
【发布时间】:2021-10-01 11:56:23
【问题描述】:

我有一个班级作业,它涉及我们创建一个关于使用 HTML 和 CSS 的任何内容的虚拟网站。我学习了 HTML 的基础知识,但这是我不明白的...

在visual studio code上,我基本上一共有12个文件夹,14个文件。在我的主页(index.html)中,我创建了一个网页,其中包含所有人体组件,并且还有一个小链接,如果查看者想要查看其中组件的更“深入”视图,他们可以访问特定的人体系统。但是当我尝试使用与主页相同的方式在另一个文件夹中添加图片时,它不提供图像。

我使用这个 <img src="Images/my_picture.png"> ,但由于某种原因它不再工作了

我将提供我的代码和结果的屏幕截图,请有人帮助我!

正如您在“Integumentary_sys_comp”文件夹中看到的那样,我在第 40 行有一行代码说明我想插入一张图片。我很确定这是正确的,因为我以前在 index.html 页面中使用过它。

这是结果 -

如您所见,没有图像!

【问题讨论】:

    标签: html


    【解决方案1】:

    你必须添加“../”

    src="../Images/my_picture.png"

    【讨论】:

    • 我不确定您的意思是什么,请您介意进一步说明吗?
    • ../ 这将导航到您的图像文件夹后退一步。如果我们添加 ../../ 这将导航 2 步回到您的图像文件夹
    • 如果您在顶部的链接不起作用(索引和关于),那么我同意这个答案。当前页面在它自己的目录中,与 images 目录相邻,所以你需要先上一个目录,如 ../Images/Skin_anatomy_pic.png
    • 哇,你说得对,导航栏不起作用。感谢您帮助我解决图像问题。我是否也将相同的“../”添加到导航栏链接的开头?
    • 是的,你必须添加
    【解决方案2】:

    是的,img 语法是正确的,但我认为 src 是错误的。我无法在图像文件夹下的文件中看到它。您可能需要再次检查并添加正确的文件。

    另外,有必要填写“alt”,所以当你的图片没有加载时,它会告诉你的用户那里包含什么样的图片。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-12-22
      • 2022-06-10
      • 2018-11-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-08
      • 2021-09-01
      相关资源
      最近更新 更多