html 中图片无法显示，往往是因为误用了本地文件系统绝对路径（如 `c:\users\…`），而浏览器出于安全限制禁止直接加载 `file://` 协议下的跨目录资源；正确做法是建立本地服务器环境，使用相对路径并通过 `http://localhost` 访问。
你在 HTML 中写 时，看似“路径正确”，但这是文件系统绝对路径，不是 Web 路径。现代浏览器出于安全策略（同源策略与文件协议限制），拒绝从 file:// 协议页面加载本地磁盘上的任意路径资源——即使图片就在同一台电脑上。这就是为什么你只看到 alt 文本、图片始终空白的根本原因。
✅ 正确做法：让项目运行在本地 HTTP 服务器上
不要双击 .html 文件打开（此时地址栏显示 file:///…），而是启动一个轻量级本地服务器，使页面通过 http://localhost:xxxx/ 访问。这样浏览器才允许解析相对路径，并正确加载资源。
? 推荐几种零配置启动方式（任选其一）：
-
VS Code + Live Server 插件（最推荐）
安装 Live Server 后，右键 HTML 文件 → “Open with Live Server”，自动在 http://localhost:5500/ 打开页面，并支持热重载。 -
命令行（无需安装 Node.js）——使用 Python（Windows 自带）
确保已安装 Python（Win10 通常预装），在项目根目录（即包含 index.html 和 images/ 文件夹的目录）打开终端，执行：# Python 3.x python -m http.server 8000
然后访问 http://localhost:8000 即可。
-
纯前端方案：使用 serve（需 Node.js）
