为什么我的图像没有显示在html中？

Question

我正在尝试将图像添加到html页面。 它应该相当简单。 但是，该图像拒绝显示。

这是HTML

        <img src="/images/eiffel.jpg" alt="eiffel">

在野生动物园，我所得到的只是一个问号。 在chrome中，它只是带有alt的图标。 那是图像所在的目录，我的IDE会自动完成照片名称，因此我知道我来对地方了。 那为什么不显示呢？

Answer 1

如果您的图片文件夹位于网页上方的文件夹中，则在其后添加2个点将起作用。

<img src="../images/eiffel.jpg" alt="eiffel">

Answer 2

图片应显示的页面网址是什么？ 请记住，通过使用斜杠来调用基本URL。 也许您可以使用完整的URL或在开始时删除斜杠。

您也可以尝试添加“”的先前答案。 在斜线之前。

希望能帮助到你。

Answer 3

src URL中的斜杠使路径相对于网站的根，这是绝对路径。

没有斜杠，此路径将相对于HTML文档的位置。 如果此文档不在网站根目录下（例如： www.example.com/index.html ），则它将不会指向与第一个示例相同的位置。

例如，如果您的页面URL是www.example.com/mysite/content/index.html则两种变体将被解释为：

src="images/eiffel.jpg"       -->  www.example.com/mysite/content/images/eiffel.jpg
src="/images/eiffel.jpg"      -->  www.example.com/images/eiffel.jpg

使用其他答案提到的点会产生微妙的不同结果：

src="./images/eiffel.jpg"     -->  www.example.com/mysite/content/images/eiffel.jpg
src="../images/eiffel.jpg"    -->  www.example.com/mysite/images/eiffel.jpg
src="../../images/eiffel.jpg" -->  www.example.com/images/eiffel.jpg

Answer 4

检查以下步骤，这将有助于您解决图像渲染问题。

1. 右键单击并选择Inspect Element
2. 单击网络选项卡搜索您的文件名
3. 双击您的图像文件名。
4. 它将在您的Safari浏览器中打开。
5. 验证图像的绝对路径。

您可以为每个浏览器遵循相同的技巧。

Answer 5

尝试执行此操作，因为在我的代码中我添加了这样的代码并且它起作用了。 我的代码是img src =“ C：\\ Users \\ User \\ Desktop \\ HTML Programs \\ Proj \\ bgimg4.jpg”

You can use img src="\images\eiffel.jpg" alt="eiffel" use Markdown in here.
Please keep the above one in angular braces.