No.10● 编程与网页更新于 2026.10.12

一个网页是怎么搭起来的？

关键词：网页三件套 · HTML · CSS · JavaScript

一句话说清HTML 搭结构，CSS 管外观，JavaScript 负责交互。三者合起来，就是你在浏览器里看到的网页。

打个比方

像盖房子：HTML 是墙和房间，CSS 是装修和配色，JavaScript 是电灯开关和门铃。

记住这一点

HTML + CSS + JavaScript

举个例子

<button class="btn">点我</button>        <!-- HTML -->
.btn { background: #2638FA; color: #fff; } /* CSS */
btn.onclick = () => alert('你好！');       // JavaScript

常见误区

✕ 做网页一定要学框架✓ 纯 HTML + CSS 就能做出一个好看的个人主页。框架是项目变大以后的选择。
✕ JavaScript 和 Java 是一回事✓ 两门完全不同的语言，只是名字像。

动手试一试

让 AI：「用纯 HTML 和 CSS 写一个个人名片页，不要用任何框架，告诉我怎么在浏览器里打开。」

考考你

3 道小题，看看这张卡片记住了多少。选完马上能看到解析。

1网页三件套里，负责外观和配色的是？
2用“盖房子”打比方，JavaScript 相当于？
3下面哪种说法是对的？

接着翻这几张

No.14 · 编程与网页网页里的间距怎么来的？No.18 · 编程与网页网页怎么在手机上也好看？No.22 · 编程与网页一样的按钮，需要反复写吗？

延伸阅读：3 小时做出第一个个人主页 →

灵点AI 知识卡片 · 第 10 / 48 张