HTML不是编程语言，无需先学算法或变量，用记事本新建index.html并粘贴标准结构代码即可运行；必须掌握8个核心标签，注意路径、大小写和标点规范；学完基础后应立即结合CSS实现样式。
HTML 不是编程语言，学它不需要先懂算法或变量，从写第一个能打开的网页开始就行。
怎么快速写出第一个可运行的 HTML 文件
别装编辑器、别配环境，用系统自带的记事本就能起步。关键不是工具，而是结构是否合法。
- 新建一个文本文件，把后缀改成
.html（比如index.html） - 用记事本打开，粘贴以下内容：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一页</title> </head> <body> <h1>你好，世界！</h1> <p>这是第一段文字。</p> </body> </html>
保存后双击打开——看到标题和段落，就成功了。注意 <meta charset="UTF-8"> 必须有，否则中文可能乱码。
哪些标签必须优先掌握（别一上来啃全部）
初学阶段只盯 8 个核心标签，覆盖 90% 的静态页面需求。其余标签遇到再查，别背。
立即学习“前端免费学习笔记（深入）”；
-
<h1>到<h6>：标题层级，<h1>全页只能用一次 -
<p>：段落，不是换行，别用多个<p></p>模拟空行 -
<a href="... ">：超链接，href值要加引号，相对路径如"about.html"，绝对路径如"https://example.com" -
<img src="..." alt="...">：图片，src是路径，alt是替代文字（必须写，无障碍和 SEO 都靠它） -
<ul>/<ol>+<li>：无序/有序列表，<li>必须嵌在<ul>或<ol>里 -
<div>和<span>：块级与行内容器，现在先记住“<div>换行，<span>不换行”就够了
常见错误：为什么写对了标签却看不到效果
浏览器不报错，但页面不对，大概率是结构或路径问题，不是语法错了。
- 标签没闭合：
<p>文字缺少</p>，浏览器会自动补，但可能补错位置 - 路径写错：
<img src="images/photo.jpg">要求当前 HTML 文件同级下有images文件夹，且里面有photo.jpg - 大小写混用：HTML 标签名不区分大小写，但属性值（如
href、src）里的路径区分大小写（尤其部署到 Linux 服务器时） - 用中文标点：把英文引号
"写成中文“”，会导致属性值失效
下一步不是学 HTML5 新标签，而是连上 CSS
纯 HTML 只能搭骨架，没有颜色、布局、间距。学到 <div> 和 <class> 属性后，立刻加一行 <link rel="stylesheet" href="style.css">，写两行 CSS，比如：
h1 {
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
}
这时候你才真正开始“做网页”。HTML 单独学得再熟，不配合 CSS 就只是语义练习——而真实项目里，没人只写 HTML。
