前端程式碼編輯器
使用 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)

單擊“Try it Yourself”按鈕檢視其工作原理。
程式碼編譯器說明
“執行”按鈕右側的下拉列表允許您更改程式語言。
透過選擇“輸入”選項卡,您可以新增使用者輸入以在程式碼中使用。
“+”選項卡允許您新增其他檔案(用於您當前正在執行的相同語言)來執行。
提示:您可以在我們的 主頁 上找到以上大部分主題。
釋出您的程式碼
如果您想建立自己的網站或構建 Web 應用程式,請檢視 W3Schools Spaces。
W3Schools Spaces 是一個網站構建工具,可讓您建立和共享自己的網站。您還可以獲得 Python 伺服器或 PHP 伺服器(等),從而能夠輕鬆地開發和託管您的 Python/PHP++ 應用程式。
您可以透過在瀏覽器中直接編輯程式碼來更改網站的外觀和功能。
易於使用,無需任何設定

程式碼編輯器充滿了有助於您取得更多成就的功能
- 模板:從頭開始或使用模板
- 基於雲:無需安裝。您只需要瀏覽器
- 終端和日誌:輕鬆除錯和故障排除您的程式碼
- 檔案導航器:在程式碼編輯器中的檔案之間切換
- 還有更多!
學得更快
實踐是掌握程式設計的關鍵,將程式設計知識付諸實踐的最好方法就是動手進行程式碼實踐。
使用 W3Schools Spaces 來構建、測試和部署程式碼。
程式碼編輯器允許您編寫和練習不同型別的計算機語言。
它包含了許多不同的語言

便捷的包管理
概覽您的包,輕鬆新增或刪除框架和庫。然後,只需單擊一下,即可更改您的包,無需手動安裝。
構建強大的網站
您也可以在 W3School Spaces 中使用程式碼編輯器從頭開始構建前端或全棧網站。
或者,您可以使用 60 多個可用模板來節省時間




立即建立您的 Spaces 帳戶並探索所有功能!
瞭解更多與世界分享您的網站
使用 W3School Spaces 快速託管和釋出您的網站。
W3Schools 子域和 SSL 證書均免費包含在 W3School Spaces 中。SSL 證書使您的網站安全可靠。它還有助於人們信任您的網站,並使其在網上更容易被找到。
想要為您的網站自定義域名嗎?
您可以購買域名或轉移現有域名並將其連線到您的 Space。
瞭解更多它是如何工作的?
透過 W3School Spaces 輕鬆入門。
