保存为.html文件即可直接浏览器打开，关键在于文件名带.html后缀、编码选utf-8、内容含及完整html/body结构。
直接保存为 .html 文件就行，不需要任何“转换”或“导出”操作——你写的纯文本，加上 结构，存成 .html 后缀，浏览器就能打开。
用什么编辑器写，怎么保存成网页文件
只要能“另存为”，就能生成网页文件。重点不是软件，而是后缀和内容：
- 用记事本、VS Code、Sublime Text 都行，甚至 macOS 的文本编辑（需关掉富文本）
- 保存时，**文件名必须带
.html或.htm后缀**（比如index.html），不能是文档.txt或没后缀 - 编码选
UTF-8（VS Code 默认就是；记事本里要手动选“UTF-8”而非“ANSI”，否则中文可能乱码） - 别点“保存为网页”或“网页预览”按钮——那会生成一堆额外文件（如
_files文件夹），不是你想要的单个 HTML 文件
为什么保存后双击打不开，或者显示乱码
常见不是代码写错了，而是保存环节出了问题：
- Windows 记事本默认保存为
.txt，即使你输入index.html，它也会偷偷变成index.html.txt—— 要在保存对话框里把“保存类型”从“文本文档(*.txt)”改成“所有文件(*.*)” - 用 WPS 或 Word 直接“另存为网页”，会输出带 CSS/JS 的复杂结构，还可能嵌入私有标签（如
<worddocument></worddocument>），这不是标准 HTML，浏览器可能不认 - 文件路径含中文或空格，某些老浏览器或本地双击打开时会解析失败，建议先用英文名测试，比如
test.html
一个最小可用的 HTML 文件长什么样
不用模板、不用框架，三行就能跑起来。复制下面内容，粘贴进记事本，按上面说的保存为 hello.html，双击就开：
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html> <html> <body>Hello, world!</body> </html>
注意点：
- 必须有
，不然 IE 或旧浏览器可能进怪异模式 -
和标签不能省（有些编辑器自动补，但手写时漏了会导致样式/脚本行为异常） - 不要用中文引号、全角符号，所有标点必须是英文半角（包括
<code>>"）
真正卡住人的地方，往往不在“怎么写 HTML”，而在“保存时后缀没生效”“编码选错”“编辑器自动加了隐藏格式”。盯住文件名、后缀、编码这三个点，比反复改标签有用得多。
