前端代码编辑器
使用 W3Schools 在线代码编辑器,您可以编辑 HTML、CSS 和 JavaScript 代码,并在浏览器中查看结果。
左侧窗口可编辑 - 编辑代码并单击“运行”按钮在右侧窗口中查看结果。
您可以使用窗口之间的栏(可拖动槽)来控制窗口的大小。
以下表格解释了图标。
图标 | 描述 |
---|---|
转到 www.w3schools.com | |
用于更多选项的菜单按钮 | |
保存您的代码(并与他人分享) | |
更改方向(水平或垂直) | |
更改颜色主题(深色或浅色) |
学习编程
如果您是编程新手,建议您从 HTML 开始,然后继续学习 CSS 和 JavaScript。
HTML 教程 CSS 教程 JavaScript 教程后端代码编译器
后端代码编译器允许您编辑 Python、C#、C++、PHP、Node.js、Java、Bash、Clojure、Fortran、Go、Kotlin、Perl、R、Ruby、Scala、Swift、TypeScript 和 VB.NET 代码,并在浏览器中查看结果。
- prog.r
- 输入
- +
- +
# 我们需要这行代码才能在我们的编译器中显示图表
bitmap(file="out.png")
# 创建一个饼图向量
x <- c(10,20,30,40)
# 显示饼图
pie(x)

单击“自己尝试”按钮查看它的工作原理。
代码编译器解释
“运行”按钮右侧的下拉列表允许您更改编程语言。
通过选择“输入”选项卡,您可以添加用户输入在代码中使用。
“+”选项卡允许您添加其他文件(用于您当前运行的相同语言)以运行。
提示:您将在我们的 主页 中找到大多数上述主题。
发布您的代码
如果您想创建自己的网站或构建 Web 应用程序,请查看 W3Schools 空间。
W3Schools 空间 是一款网站构建工具,使您能够创建和分享自己的网站。您还可以获得 Python 服务器或 PHP 服务器(以及其他服务器),让您能够轻松地开发和托管您的 Python/PHP++ 应用程序。
您可以通过直接在 Web 浏览器中编辑代码来更改网站的外观和工作方式。
它易于使用,无需任何设置。

代码编辑器包含许多功能,可帮助您实现更多目标。
- 模板:从头开始或使用模板
- 基于云:无需安装。您只需要您的浏览器
- 终端和日志:轻松调试和排查代码问题
- 文件导航器:在代码编辑器内的文件之间切换
- 以及更多!
更快学习
实践是掌握编程的关键,而将编程知识付诸实践的最佳方式是通过实际操作代码。
使用 W3Schools 空间 构建、测试和部署代码。
代码编辑器使您能够编写和练习不同类型的计算机语言。
它包含许多不同的语言。

轻松的包管理
概述您的包,并轻松添加或删除框架和库。然后,只需单击一下,您就可以更改包,无需手动安装。
构建功能强大的网站
您还可以使用 W3School 空间 中的代码编辑器从头开始构建前端或全栈网站。
或者,您可以使用 60 多个可用模板,节省时间。




立即创建您的空间帐户,探索所有功能!
了解更多与世界分享您的网站
使用 W3School 空间 立即托管和发布您的网站。
W3Schools 子域和 SSL 证书包含在 W3School 空间 中,免费提供。SSL 证书使您的网站安全可靠。它还有助于人们信任您的网站,并使您更容易在线找到它。
想要为您的网站使用自定义域名?
您可以购买域名或转移现有域名并将其连接到您的空间。
了解更多它是如何工作的?
使用 W3School 空间,只需点击几下即可开始使用。
