3-3 Codepen-實用的線上編輯器

一、簡介

1. 官網：https://codepen.io/
2. 可以註冊使用，也可以保持未登入的狀態，若是登入使用的話，在尋找過去所寫過的代碼時會比較方便，如果是未登入則必須記得系統生成的保存網址。

二、使用

1. 按右上角「Create」裡的New Pen可以新增檔案
2. 開起來的頁面，分成HTML、CSS、JS和演示效果共四大區塊
3. 可以從上方Change View中，依照個人使用習慣改變排版方式