HTML入门教程：零基础做网页指南

这是一份专为零基础新手打造的极简HTML入门指南，用最精炼的4行代码教你快速创建一个双击即可在浏览器中打开的网页，避开服务器、工具和复杂环境的干扰；文章直击新手最常踩的坑——从必写的文档声明、UTF-8编码与文件后缀的细节，到段落排版的正确写法、图片路径的常见误区（如拒绝绝对路径和反斜杠），再到内联CSS的即时生效技巧，全部以“够用即止”为原则，强调结构完整性和可运行性远胜于过早追求复杂功能，让读者真正从第一行代码开始，稳稳迈出网页开发的第一步。

怎么写一个能打开的最小 HTML 文件

只要 4 行代码，浏览器双击就能打开 —— 不需要服务器、不依赖工具、不装任何东西。

• 必须写在第一行，少它可能触发 IE 兼容模式，样式乱套
• 内容 是最简结构，缺 标签，文字会显示但 DOM 不完整，JS 操作 document.body 时可能报错
• 文件后缀必须是 .html（不是 .txt），用记事本保存时选“所有文件”，编码选 UTF-8（否则中文变乱码）

文字和段落怎么加进网页里

不用学标签体系，先记住两个最常用：显示普通文本用

，换行用
，别用 \n 或空格凑格式 —— HTML 会把连续空白缩成一个空格。

• 这是第一段

  这是第二段

  ：语义清晰，搜索引擎能识别段落边界
• 
只适合极简场景（比如地址换行），滥用会导致响应式布局错乱
• 中文标点直接输入即可，但避免用全角空格或 Word 里的智能引号（“”‘’），它们不是 ASCII 字符，容易引发解析异常

为什么图片不显示？路径是最大坑

90% 的新手卡在这儿：图片路径写错，控制台报 404 Not Found，但页面上只留一个方框或替代文字。

• 图片和 HTML 文件在同一文件夹：用 ，不要加 ./ 或 file:///
• 图片在子文件夹 images/ 里：写 ，注意是斜杠 /，不是反斜杠 \
• 绝对路径（如 C:\my\page\photo.jpg）在本地打不开，浏览器禁用 file:// 协议下的跨目录访问

CSS 样式怎么立刻生效

不想碰外部文件？直接写