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

作者:甄宝园 · 2026-09-30 16:44 · 分类:学习教育 · 1109 浏览

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

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

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

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

W3School HTML 教程首页:左侧完整章节目录、Learn HTML 卡片与 Adventure Mode

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

W3Schools Tryit 编辑器:左边改代码、右边实时显示运行结果

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

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

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

相关内容
  • 两千八百万条学术文献免费下载,写论文不必再花钱买数据库
    国家哲学社会科学文献中心(www.ncpssd.org)由中宣部部署、中国社会科学院牵头承建,2016 年 12 月 30 日上线,面向社会公益免费、开放获取。平台数据总量超过 2800 万条,含中文期刊两千多种、论文一千两百多万篇,外文开放获取期刊一万三千多种、论文九百多万篇,以及古籍一万三千多册、图片一百多万张,另有集刊、外文图书和优先发布论文,注册后即可下载全文。
  • 不用排队买票,中国数字科技馆把一百多家科技馆搬进了手机
    中国数字科技馆(www.cdstm.cn)由中国科协、教育部、中国科学院共建,2009 年通过科技部验收,2010 年起由中国科学技术馆负责运行管理。站点资源总量十几 TB,专题馆九十多个,漫游科技馆收录了全国一百多家科技馆的全景场景,移动 VR 科技馆提供 VR 微场景,另有科普影视、游戏、兴趣圈、知识库和榕哥烙科、科学开开门、手绘科学等原创栏目,全部免费。
  • 孩子上学的事看不懂?央广网这个频道把招考就业政策讲成了人话
    央广网教育频道(edu.cnr.cn)是中央广播电视总台主办的中央重点新闻网站旗下的教育垂直频道,设有独家、焦点资讯、就业观察、产业动态、职教直通车、招考通讯社、育·见、特别策划等栏目,主要发布教育政策解读、招考信息、就业动向和职业教育动态,并配有在线公考课程。家长和考生关注的政策变化、报名时间、志愿填报提醒,大多能在当天看到解读。
  • 一万三千门职教精品课免费学,教育部这个平台把实训车间也搬上了网
    国家职业教育智慧教育平台由高等教育出版社建设和运维,2022 年 3 月上线,是国家智慧教育公共服务平台的组成部分。平台设有专业与课程服务中心、虚拟仿真实训中心、教师能力提升中心、教材资源中心,收录专业教学资源库 1550 个、在线精品课程 13136 门、视频公开课 2644 门,覆盖 19 个专业大类和 396 个高职专业,另有 8 万多种虚拟仿真实训资源和一千多个虚拟教研室,注册智教中国通行证即可免费使用。
  • 清华复旦的课免费听,这个国家级平台把两万七千门慕课放在了一起
    国家高等教育智慧教育平台(higher.smartedu.cn)由教育部主办,高等教育出版社建设和运行维护、北京理工大学提供技术支持,2022 年 3 月上线。平台汇集全国高校优质慕课两万七千余门,来自约一千八百所高校,覆盖十四个学科门类、九十二个专业类,另有六万五千余条教材、虚拟仿真实验、教师教研与研究生教育等资源。它把爱课程、学堂在线、智慧树等连成统一检索入口,课程免费。
相关推荐
  • 孩子上学的事看不懂?央广网这个频道把招考就业政策讲成了人话
    央广网教育频道(edu.cnr.cn)是中央广播电视总台主办的中央重点新闻网站旗下的教育垂直频道,设有独家、焦点资讯、就业观察、产业动态、职教直通车、招考通讯社、育·见、特别策划等栏目,主要发布教育政策解读、招考信息、就业动向和职业教育动态,并配有在线公考课程。家长和考生关注的政策变化、报名时间、志愿填报提醒,大多能在当天看到解读。
  • 一百多万门课免费学,国家开放大学这个平台连老年大学都包了
    国家开放大学终身教育平台(le.ouchn.cn)由教育部指导、国家开放大学承建,2022 年 5 月上线,汇聚课程资源已过百万门,设有科学素养、职场技能、文化素养、兴趣爱好、继续教育、银龄学堂、家庭教育、社会教育八个栏目。它聚合了多家平台与院校的课程,提供长辈模式、无障碍模式,并与国家学分银行打通,学完可领结课证书、记录学习成果,全部免费。
  • 一万三千门职教精品课免费学,教育部这个平台把实训车间也搬上了网
    国家职业教育智慧教育平台由高等教育出版社建设和运维,2022 年 3 月上线,是国家智慧教育公共服务平台的组成部分。平台设有专业与课程服务中心、虚拟仿真实训中心、教师能力提升中心、教材资源中心,收录专业教学资源库 1550 个、在线精品课程 13136 门、视频公开课 2644 门,覆盖 19 个专业大类和 396 个高职专业,另有 8 万多种虚拟仿真实训资源和一千多个虚拟教研室,注册智教中国通行证即可免费使用。
  • 清华复旦的课免费听,这个国家级平台把两万七千门慕课放在了一起
    国家高等教育智慧教育平台(higher.smartedu.cn)由教育部主办,高等教育出版社建设和运行维护、北京理工大学提供技术支持,2022 年 3 月上线。平台汇集全国高校优质慕课两万七千余门,来自约一千八百所高校,覆盖十四个学科门类、九十二个专业类,另有六万五千余条教材、虚拟仿真实验、教师教研与研究生教育等资源。它把爱课程、学堂在线、智慧树等连成统一检索入口,课程免费。
热门内容