可用记事本、textedit（设为纯文本）、vs code等编辑html，保存为utf-8无bom；双击打开可预览，但开发推荐live server或python3 -m http.server；路径须相对于html文件，注意大小写和404错误。
直接用文本编辑器就能编辑 HTML 文件，不需要专用工具；所谓“HTML 编辑器”只是帮你写得更快、更少出错，不是必需品。
用什么工具打开和修改 index.html 最简单
Windows 自带的记事本（notepad.exe）、macOS 的 TextEdit（需设为纯文本模式）、VS Code、Sublime Text、Vim 都能直接打开并保存 .html 文件。关键不是工具多高级，而是保存时编码选 UTF-8，且不带 BOM —— 否则中文可能乱码或页面顶部空白。
- VS Code 打开后右下角点编码名 → 选
Save with Encoding→UTF-8 - TextEdit 在 macOS 上默认是富文本，先点菜单
Format → Make Plain Text - 别用 Word、WPS 或 Pages 直接存为
.html，它们会塞一堆私有标签和样式，浏览器很难正确解析
改完 HTML 怎么立刻看到效果
双击打开 index.html 是最直接的方式，浏览器会加载本地文件（地址栏显示 file:/// 开头）。但注意：某些功能（比如 fetch() 加载本地 JSON、Service Worker）在 file:// 协议下会被浏览器禁用。
- 开发阶段建议用简易 HTTP 服务：VS Code 安装插件
Live Server，右键 HTML 文件 →Open with Live Server，自动起一个http://localhost:5500服务 - 命令行也可快速启动：
python3 -m http.server 8000（Python 3），然后访问http://localhost:8000/index.html - 改完保存后，Live Server 会自动刷新页面；手动刷新时按
Ctrl+R（Windows/Linux）或Cmd+R（macOS），别只点地址栏回车
<script></script> 和 <link> 路径写错的典型表现
页面空白、样式丢失、按钮没反应、控制台报 404 或 net::ERR_FILE_NOT_FOUND，大概率是路径问题。HTML 中的路径永远相对于当前 HTML 文件位置，不是相对于编辑器打开的文件夹根目录。
立即学习“前端免费学习笔记（深入）”；
- 如果
index.html和style.css在同一目录，写<link rel="stylesheet" href="style.css"> - 如果
css/style.css，就写href="css/style.css"；不能写成href="./css/style.css"（虽然多数情况也行，但./是冗余的） - 引用外部 CDN，如
<script src="https://cdn.jsdelivr.net/npm/vue@3.4.21/dist/vue.global.js"></script>，确保 URL 可访问（可粘贴到浏览器地址栏测试） - 路径中大小写敏感：Linux/macOS 下
Image.jpg≠image.jpg，Windows 通常不敏感但不要依赖它
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的页面</title> <link rel="stylesheet" href="main.css"> </head> <body> <h1>Hello World</h1> <script src="app.js"></script> </body> </html>
路径错误往往藏在 href 和 src 里，而不是语法本身；调试时优先看浏览器开发者工具的 Network 标签页，找红色 404 请求。
