notepad 不是 html 开发环境，仅是纯文本编辑器，无实时预览、语法高亮、自动补全或调试功能；保存须选 utf-8（非 utf-8 with bom），否则易致解析错误，且不校验标签闭合、无缩进对齐，易出错。
Notepad 不是 HTML 开发环境，它只是个纯文本编辑器；装了 Notepad 本身不会给你任何开发能力，比如实时预览、语法高亮、自动补全或调试支持。
为什么用 Notepad 写 HTML 很容易出错
浏览器只认标准的 UTF-8 编码和正确的换行符，而 windows 自带的 Notepad 默认保存为 ANSI 或 UTF-8 with BOM，后者会导致某些服务器或构建工具报错（比如 Unexpected Token ）；另外它不区分大小写提示、不校验标签闭合，<div><p>hello</p></div>
这种错配也能“保存成功”，但浏览器渲染会混乱。
- 保存时务必手动选
UTF-8（不是UTF-8 with BOM） - 写完必须用浏览器双击打开
index.html才能看到效果，不能靠 Notepad 预览 - 没有缩进自动对齐，嵌套三层以上就容易漏掉
Notepad 替代方案：免费且开箱即用
真正适合 HTML 入门的轻量工具，要能自动识别 .html 后缀、带基础语法高亮、保存即 UTF-8、一键在浏览器中刷新——这些 Notepad 全都不支持。
-
VS Code：装好后打开文件夹，新建index.html就自动高亮，按Ctrl+Shift+P输入Live Server装扩展，右键就能起本地服务 -
sublime text：比 Notepad 多一个Ctrl+Shift+P命令面板，装Emmet后输html:5回车直接生成完整骨架 - 连安装都嫌麻烦？直接用浏览器开发者工具里的
Elements面板改 dom，或在线用CodePen/JSFiddle
如果非要用 Notepad：绕不开的三步操作
仅限临时改一行字、查个源码、或者教学演示“最原始”的写法。其他情况不建议。
立即学习“前端免费学习笔记（深入）”；
- 新建文件 → 输入内容 →
文件 → 另存为→ 文件名填index.html（必须带.html后缀） - 下方“编码”下拉菜单手动选
UTF-8（Windows 10/11 的新版 Notepad 有，旧版只有ANSI和Unicode，此时请换工具） - 保存后，**不要双击 Notepad 图标再打开这个文件**——那会用 Notepad 重新读取，而是直接双击
index.html，由系统默认浏览器打开
真正在写 HTML 时，你卡住的地方从来不是“怎么保存”，而是“为什么这个 div 没居中”“script 为啥没执行”“路径怎么总 404”。Notepad 不帮你回答任何一个。