用记事本可创建首个可运行HTML页面，需同时满足：文件后缀为.html、编码为UTF-8、用浏览器打开；Windows隐藏扩展名时须勾选“文件扩展名”或保存时加英文引号如"index.html"；最简结构必备<!DOCTYPE html>、<html>、<head>、<body>四部分。
直接用记事本就能创建第一个可运行的 HTML 网页，不需要安装任何软件，但必须严格满足三个条件：文件后缀是 .html、保存编码是 UTF-8、浏览器双击打开（不是用记事本打开）。缺一不可，否则你会看到乱码、源码、或根本打不开。
用记事本保存为 .html 文件时，后缀名被自动隐藏怎么办
Windows 默认隐藏已知文件扩展名，你输入 index.html，系统可能实际保存成 index.html.txt——这会导致双击后用记事本打开，而不是浏览器。解决方法只有两个：
- 在文件资源管理器 → 查看 → 勾选“文件扩展名”（永久生效）
- 保存时在“文件名”框里**手动加英文引号**：写成
"index.html"（含引号），系统就不会额外加 .txt
别信“重命名改后缀”，很多新手改完还是 .html.txt，因为扩展名没真正显示出来。
为什么浏览器打开全是代码，或者中文显示为小方块
这是编码不匹配的典型表现。记事本保存时默认用 ANSI 编码（中文 Windows 下是 GBK），但 HTML 要求声明并使用 UTF-8。后果就是：<meta charset="UTF-8"> 这行写了也没用，因为文件本身不是 UTF-8。
立即学习“前端免费学习笔记（深入）”；
正确做法：
- 在记事本中写完内容 → 点【文件】→【另存为】
- 在“编码”下拉菜单中**手动选“UTF-8”**（不是“ANSI”或“Unicode”）
- 文件名填
"first.html"（带英文引号）
如果已经保存错了，不要双击修改，而是重新另存为一次 UTF-8 版本，删掉旧文件。
最小可用 HTML 结构里，哪些标签绝对不能少
浏览器能正常渲染的最简结构只有四部分：<!DOCTYPE html>、<html>、<head>、<body>。其中：
-
<!DOCTYPE html>必须顶格写在第一行，不能缩进，不能漏空格，不能写成<!doctype html>（大小写无所谓，但空格不能丢） -
<head>里至少要有<meta charset="UTF-8">和<title>，否则标题不显示、中文可能乱码 -
<body>里哪怕只写<p>ok</p>，也能在浏览器里看到文字
常见错误是把 <title> 写进 <body>，或漏掉 <html> 根标签——浏览器会强行补全，但行为不可控，尤其在移动端。
真正卡住新手的从来不是语法，而是文件系统和浏览器解析之间的那层薄薄的“契约”：你给它的必须是它认得的格式，一个字节都不能错。做完之后右键 → “在浏览器中打开”，而不是双击——后者依赖系统默认程序，容易误设为记事本。
