本地图片无法显示主因是路径错误而非img标签问题；须用相对路径、注意大小写与文件名规范、确保扩展名一致、alt属性需准确描述内容。

本地图片插不进去，大概率是路径写错了，不是 <img alt="网页中怎么插入本地图片_IMG标签属性设置方法【操作】" > 标签本身有问题。

路径写成绝对路径（C:\xxx\logo.png）直接失效

浏览器出于安全限制，根本不会加载本地磁盘的绝对路径。哪怕你双击 HTML 文件打开，file:// 协议下也会被拦截或静默失败。

• 必须用相对路径：比如图片和 HTML 在同一目录，就写 src="logo.png"
• 图片在子文件夹 images/ 下，就写 src="images/logo.png"
• 路径区分大小写，Logo.png 和 logo.png 是两个文件
• 别用中文或空格命名文件，容易引发编码或解析问题，换成 icon_home.png 这类

src 值为空、拼错或漏了扩展名

常见错误现象：页面显示一个“缺图”图标，控制台报 GET http://localhost:8000/xxx 404 或 net::ERR_FILE_NOT_FOUND。

• 检查 src 属性是否真的写了，不是 src="" 或 src="#"
• 确认图片文件确实存在，且扩展名一致 —— banner.jpg 写成 banner.jpeg 就会 404
• VS Code 等编辑器支持拖拽图片自动生成路径，但要注意它生成的是相对于当前 HTML 文件的路径，不是项目根目录

alt 不是可有可无的装饰属性

它影响可访问性、SEO 和图片加载失败时的兜底展示，不是“随便填个空字符串”就能过关。

• 屏幕阅读器靠 alt 描述图片内容，alt="公司Logo" 比 alt="" 有用得多
• 如果图片纯属装饰（比如分割线），才用 alt=""；否则必须描述功能或含义
• 搜索引擎会把 alt 当作文本内容索引，关键词要自然嵌入，别堆砌

真正卡住人的，往往不是 <img alt="网页中怎么插入本地图片_IMG标签属性设置方法【操作】" > 标签怎么写，而是文件系统里那层“看不见的路径关系”。多花十秒右键查看图片实际位置，比反复改 src 更有效。