一个index.html文件即可直接浏览器打开，需用纯文本编辑器保存为UTF-8编码、.html后缀；最简结构5行缺一不可；双击打开受限于file://协议，推荐用Live Server插件启动本地HTTP服务。
直接打开浏览器就能看的网页，不需要服务器、不用部署，一个 index.html 文件就够了。
用记事本就能写，但别用Word或WPS
Word这类软件默认保存为富文本（比如 .docx），会偷偷塞进不可见格式字符，浏览器一读就报错或乱码。必须用纯文本编辑器：系统自带的记事本（Windows）、TextEdit（macOS 切换到纯文本模式）、VS Code、Sublime Text 都行。
- 保存时选「所有文件」，不是「文本文档」
- 文件名必须带
.html后缀，比如index.html或page.html - 编码选
UTF-8（记事本里是「另存为」右下角的编码选项）
最简HTML结构只有5行，缺一不可
浏览器靠特定标签识别这是HTML，不是普通文本。少一个关键标签，可能显示为空白页，或者只渲染文字不解析结构。
<!DOCTYPE html> <html> <head><title>我的第一个网页</title></head> <body>Hello World</body> </html>
-
<!DOCTYPE html>必须顶格写在第一行，不能有空格或注释在它前面，否则触发怪异模式（Quirks Mode） -
<html>是根元素，<head>和<body>必须在里面，顺序不能颠倒 -
<title>内容会出现在浏览器标签页上，不写也能运行，但建议补上
双击打开 vs 拖进浏览器，结果可能不一样
本地双击 index.html 时，地址栏显示的是 file:/// 开头的路径。这时候某些功能会失效——比如 fetch() 读本地JSON、localStorage 在部分浏览器中受限、甚至某些CSS动画不触发。
立即学习“前端免费学习笔记（深入）”；
- 开发阶段更稳妥的做法：用 VS Code 装
Live Server插件，右键「Open with Live Server」，自动起一个http://127.0.0.1:5500服务 - 如果只是静态展示文字图片，双击完全没问题；但只要涉及JS交互或后续要加后端，从第一天就该用本地服务打开
- Chrome 对
file://协议限制越来越严，Firefox 相对宽松，但别依赖这个差异
新手最容易卡在「写了却看不到效果」，问题往往出在文件后缀没改对、编码选错、或者多打了空格让 <!DOCTYPE html> 失效。真出问题，先右键「查看页面源代码」，确认看到的是你写的那几行，而不是一堆乱码或空白。
