内功篇Paid
网站的“骨架” - HTML
好了,我们来正式学习第一项技术,也是构建所有网站的绝对基础:HTML。
1、这到底是什么?
如果把网站比作一栋房子,那 HTML 就是这栋房子的钢筋骨架。
你要记住,HTML 不决定房子好不好看,而是决定房子的“结构”——也就是“里面有什么”。比如,它会定义出哪里是客厅(一个大区域),哪里是卧室(另一个区域);哪里应该有一扇门,哪里应该有一扇窗。
对应到网页上,HTML 就是你用来告诉浏览器这些信息的方式:
- “这部分内容,是一个大标题。”
- “这块,是一段普通的文字。”
- “在这个位置,给我放一张图片。”
- “把这几个字,变成一个可以点击的链接。”
AI (Cursor) 非常擅长生成 HTML 结构。因此,你作为“指挥官”要学会的,就是如何向 AI 清晰地描述出你想要的“房间布局”和“内部结构”。
2、核心概念:“标签” (Tag)
HTML 完成这一切,靠的是一种叫做“标签”的东西。你可以把它理解成建筑时用的各种“构件名称”。标签通常是成对出现的,用尖括号 < > 括起来。
- 开始标签:
<h1> - 结束标签:
</h1>(注意,结束时多了一个斜杠/) - 标签中间的内容: 这是我的大标题
当它们合起来——<h1>这是我的大标题</h1>——你就是在向浏览器