三种语言，同一个网页
打开任何一个网页，你看到的都是三种语言默默协作的成果。它们不是对手——每种只干一件事，像三个朋友一起盖房子那样把活儿传来传去。一旦你看清谁负责什么，整个网页世界就不再像魔法，而开始像是你自己也能搭出来的东西。
HTML 是结构——网页的骨架。它决定这是一个标题、那是一个段落、那边是一个链接。CSS 是外观——皮肤和衣服。它决定颜色、字体、间距，以及东西摆在哪里。而 JavaScript 是行为——肌肉。它让东西动起来、会回应：一个点了会做事的按钮，一个会滑开的菜单。
HTML：标签为网页搭起骨架
HTML 是「超文本标记语言」的缩写，但长名字可以先忘掉——关键词是标记（markup）。你把内容写成普通文字，再给每一块裹上小小的标记，说明它是什么。这些标记叫标签（tag），它们住在尖括号里，长得像 `<这样>`。
大多数标签是成对出现的，像一双手把内容抱住：一个开始标签，一个带小斜杠的结束标签，比如 `<p>` 和 `</p>`。夹在中间的一切，就被当作那种东西。所以 `<p>你好</p>` 的意思是「这段文字是个段落」，而 `<h1>欢迎</h1>` 的意思是「这段文字是最大的、最顶层的标题」。浏览器靠读这些标记，来理解你网页的形状。
<h1>My First Page</h1> <p>Hello, this is a paragraph.</p> <a href="https://example.com">Visit this link</a>
最后一行又带出一个概念：标签可以携带额外的信息，叫属性（attribute）。`<a>`（锚点）标签上的 `href` 告诉这个链接该打开哪个地址。别去背标签——它们有几十个，你会自然而然地记住。只要抓住这个套路就好：开始、内容、结束。
CSS：规则为网页上皮肤
如果你只写到 HTML 为止，网页能用，但样子很朴素——白底黑字，像一份没排版的文档。CSS（层叠样式表，Cascading Style Sheets）就是给网页换装的地方。它不改变东西「是什么」，只改变它们「长什么样」——颜色、字体、大小，以及在屏幕上的位置。
一条 CSS 规则有两半。先是选择器（selector）——你指出你说的是哪些东西，比如「所有段落」或「每个顶级标题」。然后，在花括号里，是一串声明（declaration）——每一条写出一个属性和你想要的值，格式是 `属性: 值;`。可以当成一句指令来读：「对这些东西，把颜色设成这样、大小设成那样。」
h1 {
color: navy;
font-size: 32px;
}
p {
color: gray;
}浏览器把这一切拼成画面
那么，到底是谁把这些文本文件，变成你眼前这张五彩的网页？是浏览器——就是你正在用来读这篇文章的应用，比如 Chrome、Safari 或 Firefox。当你打开一个网页时，浏览器收到的 HTML 和 CSS 都是纯文本，它会把两者一起读进来，像一个工匠同时看着图纸和配色表施工。
它先读 HTML 搭出骨架：这里是标题，这里是段落，这里是链接。然后套用 CSS 规则给每个部分穿衣服：这个标题是深蓝色、大号字，这些段落是灰色。最后，它把做好的成果画（paint）到屏幕上——就是你看到、滚动、点击的那个页面。这整套过程，每一次都在不到一秒里完成。
一切在这里、在浏览器内部运行、用来构建你看得见摸得着那部分应用的东西，统称为前端（frontend）。HTML、CSS 和 JavaScript 就是前端的三大核心工具。如今你已认识了三者中的两个——而正是这两个，把一块空白屏幕变成了人能读懂、能认出的东西。
小结
每个网页都是一支小团队。HTML 用标签搭起结构，说明每块内容是什么。CSS 用规则添上外观，说明东西该长什么样。JavaScript——下一个要认识的——添上行为。而浏览器把它们全读进来，画成你真正在用的那个页面。