使用文本编辑器编写HTML代码并保存为.html文件，如index.html，注意选择“所有文件”避免保存为.txt；2. 通过双击文件、拖拽到浏览器或使用Ctrl+O/Cmd+O打开；3. 推荐用VS Code配合Live Server插件实现实时预览，按F12调试，确保资源路径正确，采用UTF-8编码。
直接在浏览器上运行HTML文件非常简单，不需要复杂的设置。只要有一个文本编辑器和任意现代浏览器（如Chrome、Edge、Firefox等），就能快速查看网页效果。
1. 创建并保存HTML文件
使用记事本或代码编辑器（如VS Code、Sublime Text）编写HTML代码。例如：
<!DOCTYPE html><html>
<head>
<title>我的第一个页面</title>
</head>
<body>
<h1>你好，世界！</h1>
</body>
</html>
将文件保存为 .html 结尾的格式，比如 index.html。注意选择“所有文件”类型，避免保存成 .txt 文件。
2. 用浏览器打开HTML文件
有几种常用方法：
立即学习“前端免费学习笔记（深入）”；
- 双击文件：在电脑上找到保存的HTML文件，双击它，系统通常会用默认浏览器自动打开。
- 拖拽到浏览器：打开浏览器后，直接把HTML文件拖进页面窗口即可加载。
- 通过菜单打开：在浏览器中按 Ctrl+O（Windows）或 Cmd+O（Mac），选择你的HTML文件打开。
3. 实时预览与调试技巧
开发网页时，可以这样提升效率：
- 用 VS Code 搭配 Live Server 插件，启动本地服务器，保存代码后浏览器自动刷新。
- 右键页面选择“检查”或按 F12，查看元素、调试样式或脚本问题。
- 确保图片、CSS、JS 路径正确，建议使用相对路径，避免加载失败。
基本上就这些。只要文件扩展名是 .html，并用标准方式保存，浏览器就能正常解析显示。不复杂但容易忽略细节，比如编码格式（推荐UTF-8）和文件路径问题。
