第2课：网站三剑客
进度 0/30
🏗️
网站三剑客
HTML搭骨架、CSS化妆、JavaScript动起来
📖知识引入
🧱HTML=骨架
决定网页「有什么」：标题、段落、图片、按钮的位置，都是HTML安排的。没有HTML，网页就是一团浆糊。
🎨CSS=化妆师
决定网页「长什么样」：什么颜色、多大字号、怎么排版。同一副骨架，CSS能化出成千上万种妆容。
⚡JavaScript=大脑
决定网页「会做什么」：点按钮弹窗、图片轮播、小游戏，网页里「活」起来的部分都归它管。
🤝三剑客缺一不可
一个网页像一个人：HTML是身体、CSS是衣服、JS是头脑。少了谁都不行，三人合体才是一个完整网页。
🤖AI三剑客全都会
2026年的AI写HTML/CSS/JS样样精通。你负责当导演说需求，AI负责把三种代码一起写好、配合默契。
💡
记住口诀：HTML管结构、CSS管样子、JS管动作！
🔍盖房子看三剑客
把做网页想象成盖一栋房子：
🏗️ HTML：毛坯施工 砌墙、开门、开窗 「这里有个门，这里有个窗」 （网页有标题、段落、图片）
🎨 CSS：精装修 刷墙漆、铺地板、挂窗帘 「墙刷成天蓝色，窗帘要星星图案」 （颜色、字体、间距、布局）
⚡ JavaScript：智能家居 装门铃、感应灯、电动窗帘 「有人按门铃就响音乐」 （点击响应、动画、互动）
⚠️ 只盖毛坯（只有HTML）： 能用，但丑得像工地。
⚠️ 只有装修没有智能（HTML+CSS）： 好看，但点了没反应。
✅ 三剑客合体： 又好看、又好用的真网页！
🎯小测验
第1题：「把标题变成红色」是谁的工作？
第2题：「点击按钮弹出一句问候」是谁的工作？
第3题：HTML在网页里扮演什么角色？
📝本课知识点
- ✓HTML管结构：网页有什么
- ✓CSS管样式：网页长什么样
- ✓JavaScript管行为：网页会做什么
- ✓三剑客合体才是完整网页
- ✓AI三剑客全会，你当导演
第2课完成！继续探索下一课吧 🚀