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

src网址中的前导斜杠构成了相对于网站根目录的路径，它是绝对路径。

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

例如，如果您的网页网址为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

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

右键单击并选择Inspect Element
点击网络标签搜索您的文件名
双击图像文件名。
它将在您的Safari浏览器中打开。
验证图像的绝对路径。

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

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.

为什么我的图片不会出现在HTML中？

5 个答案: