直接写HTML文件即可在浏览器中运行，无需编译或服务器；常见问题源于编码（须UTF-8）、扩展名（.html）、结构缺失（DOCTYPE、html、head、body）及打开方式错误。
直接写 HTML 文件就能打开网页，不需要编译、不需要服务器——这是最核心的事实。只要浏览器能识别 <html> 标签，它就会渲染；但很多人卡在“写了却看不到效果”或“看到效果但结构混乱”，问题通常出在文件保存方式、编码设置或基础结构缺失上。
用记事本写 HTML 为什么常失败
Windows 自带的记事本默认保存为 ANSI 编码，而 HTML 推荐用 UTF-8（尤其含中文时）。一旦保存成 ANSI，浏览器可能显示乱码或跳过部分标签。
- 保存时必须点「另存为」→ 在「编码」下拉菜单中选
UTF-8（不是UTF-8-BOM） - 文件名必须以
.html或.htm结尾，不能是新建文本文档.txt - 右键「打开方式」要选浏览器（如 Chrome），而不是继续用记事本双击打开
一个能立刻运行的最小 HTML 结构
很多初学者照着教程复制代码却报错，是因为漏了 <html>、<head>、<body> 这三个必需容器。缺任何一个，浏览器虽可能勉强渲染，但后续加 CSS/JS 会出问题。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个页面</title> </head> <body> <p>你好，世界！</p> </body> </html>
注意：<meta charset="UTF-8"> 必须放在 <head> 内且尽量靠前；lang="zh-CN" 告诉浏览器这是简体中文，影响语音朗读和字体回退。
立即学习“前端免费学习笔记（深入）”；
比记事本更靠谱的入门编辑器推荐
记事本适合理解原理，但写多了容易误操作（比如多删一个 </ 导致整页不渲染）。推荐以下零配置、开箱即用的工具：
-
VS Code：免费，装完就写。安装后打开文件夹 → 新建
index.html→ 粘贴上面最小结构 →Ctrl+S保存 → 右键「在浏览器中打开」 -
Sublime Text：轻量，启动快。首次保存时手动选「UTF-8」编码 +
.html后缀即可 - 在线替代方案：html-online.com/editor，适合临时调试，但别存敏感内容
常见打开后空白或报错的原因
不是代码写错，而是环境没对齐：
- 文件扩展名是
.txt而不是.html（Windows 默认隐藏扩展名，需在文件夹选项里勾选「显示文件扩展名」） - 路径含中文或空格，某些旧版浏览器或本地双击时加载失败（建议路径全英文、无空格，如
C:\demo\index.html） - 用了
<script>但没写type="module"或没加defer，又放在<head>里，导致 JS 阻塞解析，页面卡白
如果改完还看不到效果，直接把文件拖进 Chrome 地址栏，看地址是不是以 file:/// 开头——如果不是，说明根本没打开这个文件。
