记事本保存的HTML文件浏览器打不开，根本原因是编码或扩展名错误：记事本默认ANSI（GBK）编码且易误加.txt扩展名；须在“另存为”中选“所有文件”、手动输index.html、编码选UTF-8（非BOM）、确认文件类型为“HTML文档”。
记事本保存的文件为什么浏览器打不开？
根本原因几乎全是编码或扩展名问题。记事本默认用 ANSI 编码（中文 Windows 下通常是 GBK），但现代网页必须声明为 UTF-8；同时，如果保存时没手动写上 .html 或 .htm，系统可能只存成 无扩展名文件 或错误地加上 .txt（比如你看到的是 index.html.txt）。
实操要点：
- 写完内容后，点记事本「文件 → 另存为」，在「保存类型」下拉菜单中选「所有文件」——不选这个，它一定给你加
.txt - 「文件名」框里**必须手动输入完整名称**，例如：
index.html（不能只输index） - 「编码」下拉框选
UTF-8（不是UTF-8-BOM，BOM 会导致某些旧浏览器解析错乱） - 保存后，右键文件 → 「属性」→ 确认「类型」显示的是「HTML 文档」，不是「文本文档」
最简能跑通的 HTML 结构长什么样？
不需要任何框架、CSS 或 JS，只要满足 HTML5 基础骨架，浏览器就能识别并渲染。少一个标签或写错大小写（比如 HTML 写成 html）不影响，但结构缺位会出问题。
直接复制粘贴进记事本，按上一节方法保存为 test.html：
<meta charset="UTF-8"><title>我的第一个页面</title><p>你好，世界！</p>
关键说明：
必须顶格写在第一行，不能缩进，也不能漏掉-
必须放在里，且要早于 - 所有标签都用小写字母，
或在部分浏览器里虽能容错，但不推荐
改文字、加链接、换颜色——三步手动操作
小白最常做的就是改文案、加超链接、让字变红。这些全靠改
、
、 标签内容或属性，不用学 CSS 文件。
举例：把「你好，世界！」改成红色，并链接到百度
<p><a href="https://www.baidu.com"><span style="color:red">你好，世界！</span></a></p>
注意点：
- 链接地址必须带协议，写成
www.baidu.com会变成当前目录下的本地文件路径，打不开 -
style="color:red"是内联样式，简单有效；但别写成color: red;（多了一个分号）或漏掉引号 - 如果想换字体大小，用
style="font-size:18px"，单位px不能省 - 所有引号必须是英文半角，中文引号（“”）会导致整个标签失效
浏览器刷新没变化？可能是缓存或路径错了
改完保存，双击打开，发现还是旧内容——大概率不是代码问题，而是浏览器缓存或文件路径混乱。
排查顺序：
- 按
Ctrl + F5强制刷新（绕过缓存），不是点刷新按钮 - 确认你双击打开的是刚保存的那个文件，而不是桌面上另一个同名但没改过的
index.html - 如果用相对路径引用图片或 CSS（比如
pic.jpg和 HTML 文件在同一文件夹 - 不要把文件存在「文档」或「桌面」这类有同步/权限控制的路径下，先放到
D:\test\这种干净路径测试
真正卡住的地方，往往不在 HTML 语法，而在文件是否被正确保存、是否被正确打开、是否被缓存覆盖。多看一眼文件属性和地址栏路径，比反复改标签有用得多。
