运行HTML文件只需四步：1. 将文件保存为.html格式，如index.html；2. 双击文件或右键用浏览器打开；3. 检查页面显示是否正常，利用审查工具排查标签、路径或编码问题；4. 如需跨域功能可选本地服务器预览，例如使用Python命令启动http.server。保存正确后双击即可查看效果。
写完一个HTML文件后，想立刻看到效果？其实运行它非常简单，不需要复杂的工具或服务器。只要按照下面的步骤操作，就能快速在浏览器中打开并查看你的网页。
1. 保存文件为 .html 格式
确保你编写的代码文件以 .html 作为扩展名保存。例如：
- index.html
- myweb.html
不要保存成 .txt 文件（比如 index.html.txt），否则无法正常打开。如果使用记事本编写，在“另存为”时选择“所有文件”，然后手动输入文件名加 .html 后缀。
2. 使用浏览器打开 HTML 文件
这是最直接的方式。双击你的 .html 文件，系统通常会用默认浏览器自动打开。
立即学习“前端免费学习笔记（深入）”；
或者手动操作：
- 右键点击 HTML 文件
- 选择“打开方式” → 选一个浏览器（如 Chrome、Edge、Firefox）
浏览器会立即加载并渲染你的网页内容。
3. 检查代码是否正确显示
打开后如果页面空白或格式错乱，可能是以下原因：
- 标签未闭合（如忘了写
） - 路径错误（引用图片、CSS 文件时路径不对）
- 编码问题（建议保存为 UTF-8 编码）
可以右键页面 → “检查” 或 “审查元素”，查看是否有报错或结构异常。
4. （可选）本地服务器预览（适用于进阶功能）
大多数静态页面直接打开没问题。但如果你用了 AJAX、模块导入或其他需要“跨域”权限的功能，直接打开可能失败（出现 CORS 错误）。
这时可以用轻量本地服务器运行，比如：
- Python 快速启动：在文件所在目录运行命令
python -m http.server 8000
http://localhost:8000
其他工具还有 Live Server（VS Code 插件）、Node.js 的 serve 等，适合开发调试。
基本上就这些。不复杂但容易忽略细节，比如文件后缀和编码。只要保存正确，双击打开就行。
