只需三行核心代码即可运行html页面：你好，其中doctype声明、html根标签和body内容容器缺一不可。
零基础做 HTML 页面，不需要“教程”——只需要写对这三行代码，浏览器就能打开看到内容。
怎么让浏览器认出这是 HTML 文件
很多人卡在第一步：写了代码但双击打不开，或者打开是乱码。核心就两点：
- 文件名必须以
.html或.htm结尾（比如index.html，不能叫网页.txt） - 用纯文本编辑器保存，编码选
UTF-8（VS Code、Notepad++、系统自带记事本都支持；Word、WPS 会加隐藏格式，绝对不能用） - 右键用浏览器打开，别用编辑器内置预览（有些编辑器预览不触发真实 HTML 解析）
最简 HTML 结构里哪些标签不能少
不是所有标签都可有可无。、、 这三个是骨架，缺一个，浏览器可能显示异常或兼容性出问题。
下面这段是最小可用 HTML：
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>你好</p> </body> </html>
必须写在第一行，告诉浏览器“这是标准 HTML5”，不写可能触发怪异模式-
<meta charset="UTF-8">必须放在里，否则中文会变问号 -
是根容器，里放你真正想显示的内容，其他标签（比如<div>、<code><h1></h1>）全得塞进它里面写完发现页面没变化？检查这三件事
改了代码刷新却没反应，90% 是以下原因：
- 浏览器缓存太强：按
Ctrl + F5（Windows）或Cmd + Shift + R（Mac）强制重载，别只点刷新按钮 - 文件被编辑器锁住：某些编辑器（如 VS Code）保存后文件句柄未释放，关掉编辑器再试一次
- 路径错了：如果用了图片或 CSS，
src="img/logo.png"要确保logo.png真的在同级img/文件夹下，大小写也得一致（Linux/macOS 区分大小写）
新手最容易误用的三个标签
不是语法错，而是逻辑错——浏览器能渲染，但行为反直觉：
-
<br>：只是换行，不是段落。想分段请用<p></p>，滥用<br>会导致语义混乱、屏幕阅读器读错 <div>：没有默认样式，也不代表“一个模块”，它只是个空盒子。新手常以为加了 <code><div> 就自动居中/加边框，其实什么都不会发生 <li> <code><center></center>：已废弃十多年，HTML5 不支持。想居中文字用style="text-align: center;"，想居中块元素用margin: 0 auto;
HTML 不是“画图工具”，它是描述内容结构的语言。先想清楚“这是标题”“这是列表”“这是链接”，再选对应标签，比死记硬背更省力。
- 浏览器缓存太强：按
