直接双击打开就能看，但想改得用对工具——浏览器只读，编辑器才能改。
用浏览器打开 HTML 文件只是预览，不是编辑
双击 index.html 会用默认浏览器打开，看到的是渲染结果，点右键“查看页面源代码”看到的也是只读快照，改不了。真要改内容、结构或样式，必须用文本编辑器打开源文件本身。
- 常见错误：在浏览器里按
F12进开发者工具，改了Elements面板里的标签，刷新就丢——那只是内存里的临时副本 - 正确做法：用 VS Code、Sublime Text、Notepad++ 等编辑器打开
index.html文件，保存后刷新浏览器才生效 - 注意路径：如果 HTML 里引用了
style.css或script.js，确保它们和 HTML 在同一目录，或路径写对，否则浏览器控制台会报404 Not Found
VS Code 打开 HTML 文件最稳妥，别用记事本硬扛
记事本能打开，但不支持语法高亮、自动缩进、标签闭合提示，稍一疏忽就漏掉 ，浏览器可能不报错但布局全乱。
- VS Code 安装后，右键
index.html→ “使用 Code 打开”，立刻有 HTML 语法识别和 Emmet 快捷输入（比如敲html:5+ Tab 就生成基础骨架） - 装个
Live Server插件，右键选 “Open with Live Server”，它会起一个本地服务，改完保存自动刷新，比反复手动 F5 可靠得多 - 别用 Word 或 WPS 打开——它们会偷偷加不可见格式字符，存成
.docx后缀还自以为是 HTML，实际是废文件
修改后浏览器不更新？先确认三件事
改完保存，刷新页面还是老样子，大概率不是代码问题，而是缓存或路径卡住了。
立即学习“前端免费学习笔记（深入）”；
- 强制刷新：
Ctrl + F5（Windows）或Cmd + Shift + R（Mac），绕过浏览器缓存 - 检查地址栏：是不是开着
file:///路径？某些功能（如fetch加载本地 JSON）会被浏览器安全策略拦住，这时必须用Live Server启的服务（http://127.0.0.1:5500这类） - 看控制台：
F12→ Console 标签页，有没有红色报错？比如Uncaught SyntaxError: Unexpected token '，通常是服务器返回了 HTML 而不是预期的 JS，说明路径配错了
真正麻烦的不是怎么打开，而是改完之后不知道哪步断了链子——浏览器不报错、编辑器没提示、路径看着对，偏偏样式不生效。这时候盯住开发者工具的 Network 和 Console，比重写十遍更有用。
