打开浏览器，网站网页输入一个网址，网站网页敲下回车——这个过程每天重复几十次，网站网页但很少有人停下来想过，网站网页屏幕上那一页东西到底是网站网页怎么被拼出来的。

网页的网站网页本质其实特别朴素：它就是一堆文本文件。你看到的网站网页图片、视频、网站网页按钮、网站网页滚动的网站网页横幅，归根结底都是网站网页代码写出来的。浏览器拿到这些代码，网站网页像搭积木一样把它们组装成你看到的网站网页画面。右键点一下页面，网站网页选“查看网页源代码”，网站网页你会看到密密麻麻的尖括号和英文单词——那就是网页的原始面貌，粗糙、直白，跟你在屏幕上看到的精致排版完全是两回事。

我第一次看到源代码的时候有点失望。一个设计精美的页面，背后居然是<div><div><span>这种重复到让人犯困的东西。但看多了就明白，越简单的结构越可靠。HTML负责骨架，CSS负责长相，JavaScript负责动作。三样东西各管各的，分工明确。一个标题用<h1>标签包起来，它就比正文大一号、粗一些，不需要你手动调字号。段落用<p>，浏览器自动帮你加上下间距。这种“声明式”的思路，跟写Word文档时手动拖行距完全是两种体验。

说到CSS，这玩意儿刚出来的时候被很多人当成玩具。九十年代末的网站喜欢用<table>来排版，表格嵌套表格，一层套一层，改一个边距能让人崩溃。后来CSS普及了，大家才发现用float和margin控制布局清爽太多。再后来flexbox出来了，垂直居中这种曾经需要各种奇技淫巧才能实现的操作，变成了一行align-items: center。技术就是这样，每过几年就有更省事的方案冒出来，把老办法拍在沙滩上。

JavaScript的处境更有意思。它最初只是个给表单做验证的小工具，没人觉得它能干大事。结果现在整个前端生态都围着它转。React、Vue、Angular，这些框架的名字你可能听过，它们做的事情说白了就一件：让开发者用更少的代码写出更复杂的交互。但代价是学习曲线陡得吓人。我见过不少新手，HTML和CSS还没摸熟就一头扎进React，折腾半个月连一个像样的静态页面都搭不出来。工具是好的，但顺序搞反了。

移动端崛起之后，网页设计又经历了一轮洗牌。以前设计师只需要考虑桌面浏览器的宽度，现在得从320px的手机屏一直照顾到4K显示器。响应式设计成了标配，媒体查询@media成了高频词汇。一个按钮在电脑上显示“点击提交”，在手机上可能就得缩成一个小图标。这种适配工作琐碎但重要，做不好用户扭头就走。

还有一件事值得提：网页加载速度。用户能忍受的等待时间大概就两三秒，超过这个阈值，跳出率直线上升。所以图片要压缩、代码要合并、缓存要配置。Google甚至把页面速度纳入了搜索排名因素。一个网站再好看，打开要十秒，基本等于白做。

说到底，网页就是人与信息之间的那层界面。它可以是博客上一篇长文，可以是电商网站的商品列表，也可以是后台管理系统里密密麻麻的表格。形式千变万化，底层逻辑没怎么变过：用标记语言描述内容，用样式表控制外观，用脚本处理交互。搞懂这三件事，再看任何网页都不会觉得神秘了——无非是代码写得漂亮或潦草的区别。