记事本写html需注意四点：必须选utf-8编码（非ansi或utf-8-bom）；手动输入index.html并选“所有文件”保存，且开启“显示文件扩展名”确认无.txt后缀；按ctrl+f5强制刷新避免缓存；html必须包含、等基础结构。
记事本可以写 HTML，但直接保存为 .html 文件后双击打开，浏览器默认可能用 Edge（或系统默认浏览器）加载——这本身没问题；真正卡住新手的，是文件编码、扩展名隐藏、以及浏览器缓存导致“改了代码却看不到效果”。
记事本保存时必须选 UTF-8 编码
Windows 自带记事本默认用 ANSI 编码（实际是系统区域编码，比如 GBK），一旦 HTML 里有中文、符号或 emoji，就容易乱码或渲染失败。即使页面看起来正常，后续加 CSS/JS 也可能出问题。
操作步骤：
- 写完代码后，点「文件 → 另存为」
- 在「编码」下拉菜单中，**必须选
UTF-8**（不是UTF-8-BOM，也不是ANSI） - 「文件名」手动输入完整名称，例如：
index.html（注意引号不要自动加上） - 「保存类型」选「所有文件」，否则记事本会强行加
.txt后缀
文件扩展名被隐藏，导致存成 index.html.txt
这是最常被忽略的问题：明明输的是 index.html，但系统开启了「隐藏已知文件扩展名」，结果实际保存成了 index.html.txt。双击打开时，系统可能用记事本再次打开，或者报错“无法找到程序打开此文件”。
验证方法：
- 在文件夹中，打开「查看」→ 勾选「文件扩展名」
- 确认目标文件图标是浏览器图标，且完整名称显示为
index.html（不含.txt） - 如果看到
index.html.txt，右键重命名，删掉末尾的.txt（需确保已显示扩展名，否则会误删.html）
浏览器缓存旧版本，刷新也不生效
改完 HTML 保存后，按 F5 刷新，页面还是老样子？大概率是浏览器缓存了旧版本。尤其在本地文件协议（file://）下，Chrome/Edge 的缓存策略更激进。
临时解决办法（不用装任何工具）：
- 按
Ctrl + F5强制刷新（跳过缓存） - 或者地址栏输入
file:///C:/your/path/index.html后，按Enter再次加载 - 更可靠的方式：用 VS Code 或其他编辑器打开，右键「在浏览器中打开」，这类操作通常绕过缓存
长期建议：哪怕只是练手，也用 live-server 或 Python 快速起一个本地服务（python3 -m http.server 8000），避免 file:// 下的各种限制。
基础 HTML 结构不能省略，否则部分样式/脚本不生效
很多人只写 <p>Hello</p> 就保存，浏览器能显示文字，但后续加 CSS 链接、meta 标签、JavaScript 时会出各种奇怪问题——因为缺少必要结构，浏览器进入“怪异模式（Quirks Mode）”，盒模型、字体渲染都可能异常。
最简可用结构如下（复制粘贴即可）：
<meta charset="UTF-8"><title>我的第一个网页</title><p>Hello World</p>
重点注意：<meta charset="UTF-8"> 必须有，且位置要在 <title></title> 之前；<doctype html></doctype> 开头不能少，否则 IE 或某些旧环境会降级渲染。
真正的难点不在写代码，而在让系统和浏览器“相信你确实改了、确实想让它重新读一次”。编码、扩展名、缓存、文档结构——四者任一出错，都会让初学者反复怀疑自己是不是写错了 HTML 标签。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
