不显示 HTML 图像答案

【问题标题】：HTML image is not displayed不显示 HTML 图像
【发布时间】：2022-07-06 04:48:52
【问题描述】：

我的图片没有显示。我尝试了几种浏览器和不同的图像格式。不幸的是，它并不总是出现在我面前。

<!DOCTYPE html>

<html lang="en ">
    <head>
        <meta charset="utf-8" />
        <title>Title</title>
    </head>
        <img scr = "image.png">
    </body>

</html>

【问题讨论】：

浏览器开发者工具告诉你什么？
我在浏览器开发者工具中也看不到图片。
这是src 不是scr。这也假设您的图像和 HTML 文件位于同一文件夹中

标签： html

【解决方案1】：

你需要打开你的body标签并且图片需要 src 属性，而不是 scr https://www.w3schools.com/tags/att_img_src.asp

<!DOCTYPE html>

<html lang="en ">
    <head>
        <meta charset="utf-8" />
        <title>Title</title>
    </head>
<body>
        <img src = "image.png">
    </body>

</html>

【讨论】：

【解决方案2】：

将img标签中的scr改为src。

也将它正确地放在body标签内。

类似的东西

<!DOCTYPE html>
<html lang="en">
  <head>
     <meta charset="utf-8" />
     <title>Title</title>
  </head>
  <body>
     <img src="image.png" />
  </body>
</html>

【讨论】：