在互聯網時代，網站已經成為人們日常生活中不可或缺的一部分。而 HTML (HyperText Markup Language) 又是構建網站最基礎的語言。HTML 從誕生至今已經經歷了 30 多年，從最初的 HTML 1.0 至 HTML 5，逐漸發展壯大。HTML 5 是目前最新的版本，相較于早期版本，在語言和標記上更加簡潔、優美。
對于眾多想要學習 HTML 5 的用戶來說，最初的學習一般都是在編輯器中敲代碼。而對于初學者來說，所面臨的麻煩就在于需要同時管理代碼和預覽效果。大多數編輯器提供了預覽代碼的功能，但是需要頻繁地切換與運行預覽，操作過程不夠流暢。
而今天，我們要給大家介紹的是一種在線免費的 HTML 5 代碼編輯器：Codepen，使用非常方便，不需要下載、安裝任何軟件，只需要訪問Codepen網站即可使用。Codepen 是一個在線代碼編譯平臺，可以編寫 HTML、CSS 和 JavaScript，支持代碼分享和互動。
Codepen 支持在線編寫 HTML 5 代碼，放入預覽窗口，還可以直接將編寫好的代碼分享給其他用戶。Codepen 還提供了一個龐大的社區，可向有經驗的開發人員尋求提供幫助或解決難題。
<html> <head> <title>我的 Codepen 小站</title> </head> <body> <p>學習 HTML 5，Codepen 非常方便！</p> </body> </html>
通過 codepen 的使用，我們可以將核心代碼與可視化過程整合在同一個窗口中，這對 HTML 5 的初學者來說非常便利。在進行網站開發前，使用 Codepen 不斷優化、提升我們的代碼寫作技能，為接下來的工作打下堅實基礎。
上一篇文字浮于視頻上方css