HTML代码需保存为.html文件并用浏览器打开才能正确显示；若含AJAX或外部资源则需本地服务器；临时测试可用开发者工具；在线编辑器支持即时预览。

如果您编写了一段HTML代码，但无法在浏览器中正确显示效果，则可能是由于文件未以正确的格式保存或未通过浏览器打开。以下是运行HTML代码的具体步骤：

一、使用文本编辑器编写并保存HTML文件

HTML代码必须保存为以.html或.htm为扩展名的文件，才能被浏览器识别并渲染。保存时需确保编码格式为UTF-8，避免中文乱码。

1、打开记事本（Windows）或TextEdit（macOS，需切换至纯文本模式）等纯文本编辑器。

2、输入HTML代码，例如

我的第一个网页

立即学习“前端免费学习笔记（深入）”；

3、点击“文件”→“另存为”，在文件名栏输入index.html（扩展名必须手动输入.html）。

4、在“编码”或“格式”选项中选择UTF-8，保存类型设为“所有文件”，点击保存。

二、通过双击方式在浏览器中打开HTML文件

本地保存的HTML文件可直接由系统默认浏览器加载，无需网络连接或服务器环境，适用于快速验证页面结构与样式。

1、在文件资源管理器（Windows）或访达（macOS）中找到刚保存的index.html文件。

2、双击该文件，系统将自动调用默认浏览器打开并渲染HTML内容。

3、若页面显示为空白或代码原文，请右键检查文件属性中的“打开方式”，确认关联程序为Chrome、Edge、Safari等现代浏览器。

三、使用浏览器开发者工具实时运行HTML片段

对于临时测试小段HTML代码（如单个p或按钮），可跳过文件保存步骤，直接在浏览器控制台中执行渲染，适合调试和学习。

标签： css javascript python java html js ajax windows 编码 浏览器 edge