HTML页面img标签引入图片无法正常显示问题技术问询

你代码里有2个直接导致图片无法加载的硬错误，还有几个不规范问题，逐一修正即可：

• 核心属性拼写错误：<img>标签用来指定图片路径的属性是src（资源地址source的缩写），你误写为scr，浏览器无法识别该属性，根本不会发起图片资源请求，这是图片完全不显示的核心原因。
• HTML标签结构错误：代码中缺失<body>开始标签，直接出现了</body>闭合标签，会导致浏览器DOM解析异常，页面内元素渲染出错。
• 其他不规范细节：
  • <html>标签的lang属性值"en "末尾多了冗余空格，正确值为"en"
  • 属性等号两侧不需要加多余空格，标签属性和值直接通过等号连接即可
  • 建议为<img>标签补充必填的alt属性，用于图片加载失败时展示替代文本，同时满足网页无障碍访问要求，单标签规范写法可在末尾加/闭合

修正后的完整可运行代码如下：

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

修正代码后如果仍无法加载图片，请检查路径匹配问题：确认image.png和当前HTML文件存放在同一级目录下；如果图片存放在其他文件夹，需要写对相对路径，例如图片存放在同级的assets文件夹中，路径应写为src="assets/image.png"。本地直接打开HTML测试时，尽量不要用中文命名图片文件或上层文件夹，避免部分浏览器出现路径解析乱码问题。

内容的提问来源于stack exchange，提问作者Mica Pfister