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

Question

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

这里是html

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

在 Safari 中，我得到的只是一个问号。在 chrome 中，它只是一个带有 alt 的图标。那是图像所在的目录，我的 IDE 会自动完成照片名称，所以我知道我在正确的位置。那为什么不显示呢？？

Answer 1

如果您的图像文件夹位于引用您网页的上层文件夹中，则在其后面添加 2 个点即可。

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

Answer 2

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

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

希望对你有帮助。

Answer 3

查看以下有助于解决图像渲染问题的步骤。

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

您可以对每个浏览器都使用相同的技巧。

Answer 4

src URL 中的前导斜杠使路径相对于您网站的根目录，它是一个绝对路径。

没有斜线，这个路径变成relative到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 5

试试这个，因为在我的代码中我添加了这样的代码并且它有效。 我的代码是 img src="C:\Users\User\Desktop\HTML Programs\Proj\bgimg4.jpg"

你可以在这里使用 img src="\images\eiffel.jpg" alt="eiffel" 使用 Markdown。 请把上面的放在尖括号里。