認識 WebIDE

1. 世界上最棒的小工具 — WebIDE

實踐才是最重要的。為了讓你更有趣地學習 HTML，我們會在每節課後提供 一些習題。 這樣更容易記住所讀的內容。只需幾分鐘，你就能拿到自己的第一道題目。

為了讓你能方便解題，我們專門為你設計了一個 特別的小工具 — WebIDE。看起來是這樣的：

左邊你可以看到題目的描述和你的解法需要滿足的條件。中間是編輯器，你需要在這裡撰寫解法。底部面板則會顯示結果 — 你的頁面會在一個獨立的窗口中出現。

2. 基本按鈕

在頂部你可以看到一些按鈕：

• 檢查: 提交你的解法進行測試。
• 運行: 運行程式但不提交檢查（檢查次數不會增加）。
• 解決方案 — 下拉菜單，包含以下選項：
  • 正確解答: 查看題目的官方解法。
  • 返回我的程式碼: 查看正確解答後返回自己的程式碼。
  • 重置解答: 清空題目的解法，重新開始。
• 幫助 — 在 CodeGym 社群中詢問與你的解法相關的問題。
• 討論: 與其他用戶討論這道題目。
• 代碼分析: 獲取有關你的解法代碼風格的建議。

3. 要按哪些按鈕

當你完成程式撰寫（題目的解法）後，需要按下 按鈕 「檢查」。此時程式會提交到 CodeGym 伺服器，然後運行並 自動完成檢查。

如果你寫不出解法， 可以使用提示功能（別用頭撞牆）。在 「幫助」菜單中按下按鈕 「提示」。你還可以按下 「正確解答」 查看官方解答。

準備好了嗎？那麼這是你的第一道題目：