4.3概念⏱ 约 4 分钟

网站其实是什么

打开一个网页,你看到的到底是什么

🔎 最后验证 2026-05📚 来源:通用计算机常识✅ 119 人学过👁 244 次阅读

为什么学这个

你每天看无数网页,但有没有想过:一个网页本质上是什么做的?搞懂这个,你就理解了之后用 AI 做的大部分"项目"到底是什么东西。

💡 打个比方

一个网页就像一栋房子的三层装修:HTML 是毛坯结构(墙在哪、门在哪),CSS 是装修风格(颜色、字体、布局好不好看),JavaScript 是电器和机关(按钮能点、内容会动)。

一个网页主要由三种东西构成:
- HTML:网页的结构与内容(标题、段落、按钮在哪)
- CSS:网页的样式(颜色、字号、排版、好不好看)
- JavaScript:网页的交互(点击、动画、动态更新)
浏览器的工作:下载这三种文件 → 组合渲染成你看到的页面
你右键"查看网页源代码",看到的就是这些(还记得 P0 的 .html 文件吗?)

🔗 连一连

把三大件和它们的职责连起来。

先点左边一项,再点它对应的右边。

❓ 测验

你点一个网页上的按钮,它弹出一个提示框。这个'点击有反应'主要靠哪个?

⚠️ 避坑网页 ≠ 整个网站

你看到的网页(前端)只是冰山一角。很多网站背后还有服务器和数据库(后端)在默默干活——比如你登录、下单、看到的个性化内容。下一节起我们就揭开后端这层。

🤖 用 AI 巩固这一节

请帮我做一个最简单的网页例子:用 HTML 写一个标题和按钮,用 CSS 把按钮变成蓝色,用 JavaScript 让点击按钮弹出'你好'。逐行解释三者怎么配合。

随便打开一个网页(比如本站),右键 →「查看网页源代码」(或按 Ctrl+U / Cmd+Option+U):

你会看到:你天天看的漂亮页面,拆开就是这三种文本文件拼出来的,没有魔法。

为什么:HTML(毛坯)+ CSS(装修)+ JS(机关)就是网页的全部。看懂这一层,你以后用 AI 做的大多数"项目"到底是个什么东西,心里就有底了。

✅ 小结

你知道网页由 HTML/CSS/JS 构成了。但网页是从哪儿来的、谁发给你的?下一节认识互联网世界的两个主角:客户端和服务器。

下一节 → 客户端 vs 服务器

都看到这了，打个赏呗！