草莓似乎比平常早了點到咖啡廳，熊熊偷偷從後方觀察草莓在做什麼。

「喔喔草莓你在練習昨天的 HTML 標籤嗎？」熊熊感到很欣慰。
「對啊，想說邊學邊練習，比較記得起來～」
「不錯不錯！」熊熊說。

「可是我遇到一個問題！」
「是什麼問題呢？」

「熊熊你看，我在文字編輯器上改完之後，每次都要在瀏覽器上按重整按鈕，才看得到剛剛的更新，有沒有比較好的作法呢？」草莓戴上他的好學眼鏡。

「嗯嗯！看起來你是使用 VSCode 在本機端做開發，沒有額外設定的話的確要一直重新整理。不然這樣好了，我丟一個網站給你試試看～」熊熊說。

「這個網站叫做 Codepen，很方便喔！如果是簡單的開發和練習，我蠻推薦在上面直接開個小專案比較快～」

「哇賽，這個網站也太酷了！」草莓似乎很興奮地說。
「對吧，只要開個 Pen 就好了，你可以在上面編輯試試看。」

草莓開了一個新的 Pen 之後，在 HTML 的部分寫了一小段 HTML。

「喔喔！我寫的東西馬上就更新了耶！」
「很方便對吧，因為它會一直偵測你撰寫的網頁內容是否有更新，一有變化就會馬上更新畫面上的元素，也就是所見即所得 (WYSIWYG) 的開發模式。」

「而且你也可以試著在打下 div 標籤之後，按下鍵盤上的 Tab 按鍵，Codepen 會自動幫你補完剩下的結尾標籤喔！」
「真的耶！」

「從零開始學習網頁知識當然不容易，不過也慶幸我們生在網路爆炸的時代，有這麼多好用的工具出現，適時使用都可以很大程度幫助我們省下大量的時間喔！」熊熊補充說。

「決定了～以後就用 Codepen 當作練習平台了！」草莓舉起雙手開心的說。

明日待續～