网站的“骨架” - HTML

好了，我们来正式学习第一项技术，也是构建所有网站的绝对基础：HTML。

1、这到底是什么？

如果把网站比作一栋房子，那 HTML 就是这栋房子的钢筋骨架。

你要记住，HTML 不决定房子好不好看，而是决定房子的“结构”——也就是“里面有什么”。比如，它会定义出哪里是客厅（一个大区域），哪里是卧室（另一个区域）；哪里应该有一扇门，哪里应该有一扇窗。

对应到网页上，HTML 就是你用来告诉浏览器这些信息的方式：

• “这部分内容，是一个大标题。”
• “这块，是一段普通的文字。”
• “在这个位置，给我放一张图片。”
• “把这几个字，变成一个可以点击的链接。”

AI (Cursor) 非常擅长生成 HTML 结构。因此，你作为“指挥官”要学会的，就是如何向 AI 清晰地描述出你想要的“房间布局”和“内部结构”。

2、核心概念：“标签” (Tag)

HTML 完成这一切，靠的是一种叫做“标签”的东西。你可以把它理解成建筑时用的各种“构件名称”。标签通常是成对出现的，用尖括号 < > 括起来。

• 开始标签: <h1>
• 结束标签: </h1> (注意，结束时多了一个斜杠 /)
• 标签中间的内容: 这是我的大标题

当它们合起来——<h1>这是我的大标题</h1>——你就是在向浏览器下达一个明确的指令：“喂！把‘这是我的大标题’这几个字，用最高级别的标题样式给我显示出来！”