左边写代码、右边看效果：W3School 把网页入门从啃文档变成了动手试

很多人第一次写网页，不是在编辑器里，而是在 W3School 的一个小方框里：左边半屏代码，右边半屏结果。把标题里那几个字改成自己的名字，按一下绿色按钮，右边的字立刻就变了。

它 1998 年由挪威的 Refsnes 家族做出来，名字里的 W3 借的是 World Wide Web 的意思，跟制定网页标准的 W3C 其实没关系——这点被误会了几十年。真该记住的域名是 w3schools.com，网上那些名字长得几乎一样的中文站，都是第三方自己做的。

新手卡住的地方从来不是没资料。官方规范把标签语义、属性、浏览器兼容性写得滴水不漏，可翻开它，只会更不知道该从哪一行下手。W3School 反过来：先丢给你一个能跑的最小例子，让你看见结果，再回头讲为什么。

打开任意一门教程，左边一整列是从上往下排好的章节，每一节都短，三五分钟读完，读完立刻能回来改那个例子。它不要求你按顺序走完，哪里卡住就点哪里；四十多种语言都按这个模子铺开。

真正的灵魂是例子下面那个 Try it Yourself 按钮。点开就是一个完整的在线编辑器，代码可改、可运行，改好还能存成链接发给别人，不用装环境也不用配编译器。后来它又加上练习题、测验、证书，以及能在浏览器里建站、绑域名、一键发布的 Spaces。

这些东西大部分免费，不注册也能用，注册只多两样：记录学习进度、能在论坛提问。站点靠广告和一项去广告会员撑着，证书考试是付费的，所以严格说是免费增值，但对只想学点东西的人，一分钱不花完全够用。

它也不是没被骂过。2011 年有个叫 W3Fools 的站点专门挑错，说它内容陈旧、写法不严谨，一挑就是好几年。有意思的是，后来连 W3Fools 自己都承认它把这些毛病改掉了大半。公道的说法是：拿它入门、查速记都很好，写上线用的代码还是得回 MDN 对一遍。

从 HTML 到 Python，从 SQL 到 Rust，四十多种语言都摆在这个站上。如果你或者家里的小孩想知道网页到底是怎么来的，就打开 w3schools.com，找到第一个例子，把里面的字换成自己的名字，再按那个绿色按钮。这一下，比看十页介绍都管用。