为什么我的图片不能以 HTML 格式显示？答案

【问题标题】：Why won't my image show in HTML?为什么我的图片不能以 HTML 格式显示？
【发布时间】：2016-06-30 23:08:42
【问题描述】：

我在获取要在我的 HTML 页面上显示的图像时遇到问题。我目前在与 .html 文件相同的文件夹中有“image.png”，但它仍然无法工作。我正在使用 Chrome 顺便说一句。这是我的代码：

<!DOCTYPE html>

    <head>
        <title> Title </title>
    </head>

    <body>
        <h1> This is an image </h1>
        <img src = “image.png” alt = “Image text”/>

    </body>

</html>

【问题讨论】：

因为您在属性中使用了“智能”引号。在纯文本编辑器中重新键入它们。 “ 与 " 不是同一个字符
请注意，您还缺少打开的 <html> 标记，这是一个错误，但不是您的图像未显示的部分原因。
谢谢，我在我的设置中禁用了“智能”引号，它起作用了。我也确实有打开标签，我只是在输入这个问题时不小心把它关掉了。
将“更改为”或“..您可能不在同一目录中拥有图像

标签： html image directory

【解决方案1】：

看起来您正在使用的编辑器正在应用某种形式的字符编码，这会干扰您的脚本，请注意您的引号是如何倾斜的？你用的是什么编辑器？

解决此问题的最佳方法是将代码放入记事本（如果您在 Windows 上）并重新输入引号以删除字符编码，或将编辑器配置为使用正确的编码（通常为 UTF-8）

【讨论】：

【解决方案2】：

您似乎在使用智能引号。你需要使用普通的。

将“ 替换为'"'，将” 替换为"

<img src = "image.png" alt = "Image text"/>

您应该使用像 Notepad++ 或 Sublime Text 这样的编程编辑器，因为它们不会将引号转换为智能引号

也不是你错过了开头的<html>标签

【讨论】：

【解决方案3】：

它是否在根文件夹内的文件夹中？也用“”。

<img src="image.png" alt="image text" style="width:100px;height:100px;">

【讨论】：

【解决方案4】：

您应该使用标准引号，例如" "。所以：

<img src = "image.png" alt = "Image text"/>

【讨论】：