这是一份专为零基础新手打造的HTML入门指南，它彻底打破“HTML是编程”的误解，强调HTML本质是用简单标签为网页内容做结构化标记的说明书；只需记事本和浏览器，30分钟内就能写出可运行的网页——关键在于掌握标准文档骨架、UTF-8编码保存、标签闭合与嵌套规则，并学会用浏览器开发者工具实时验证结构。文章直击初学者最易踩的坑：中文乱码、怪异模式、路径错误、非法嵌套，更提醒你真正的进阶不在背标签，而在理解语义、可访问性与前后端协作逻辑，让第一行HTML成为扎实网页开发之旅的可靠起点。

不需要“学会编程”就能写 HTML —— 它不是代码逻辑，而是给内容贴标签的说明书。 只要你能分清“标题”“段落”“图片”“链接”这些日常概念，配合记事本和浏览器，30 分钟内就能写出可运行的网页。

为什么用记事本就能写 HTML？

HTML 文件本质是纯文本，浏览器只认内容是否符合标签规则，不依赖任何编译器或运行环境。你写的 index.html 文件双击就能在 Chrome 或 Edge 中打开，看到效果。

• 保存时务必选“所有文件”，后缀名手动改成 .html（不是 .txt）
• Windows 记事本默认用 ANSI 编码，中文会乱码 —— 必须在保存时选“UTF-8”编码（菜单：文件 → 另存为 → 编码下拉选 UTF-8）
• Mac 的「文本编辑」默认是 Rich Text，需先在「格式」菜单中选「制作纯文本」，再保存为 .html

必须背下来的最小骨架长什么样？

所有合法 HTML 页面都从这个结构开始，删掉任意一行都可能让中文显示异常、页面标题不生效，或移动端布局错乱：

  
  
  


  
你好，HTML！
  
这是第一段文字。

• 缺失会导致浏览器进入“怪异模式”，CSS 和布局行为不可预测
• 必须放在 最前面，否则中文可能在加载中途才变正常
• lang="zh-CN" 不影响显示，但对屏幕阅读器、SEO 和部分字体渲染有实际作用

新手最容易写错的三个标签细节

不是语法记不住，而是习惯性忽略 HTML 的“闭合”和“嵌套”约束：

• 必须配

  —— 写成

  段落内容

  另一段 是常见错误，浏览器会自动补全，但后续样式或 JS 操作可能失效

• 是自闭合标签，正确写法是 （HTML5 允许不加 /），但写成 ... 会直接被忽略
• 和 可以嵌套在

  里，但不能跨段落：

  前半句加粗

  后半句

  合法；

  前半句加粗

  后半句 是非法嵌套，浏览器会强行修正，结果难预料

怎么验证自己写的 HTML 没问题？