現在比較少有機會從頭到尾、以原始碼編寫一個網頁，記得十幾年前剛開始製作免費資源網路社群時還沒有使用 WordPress 架站，最早的網頁就是直接用 HTML 文字編輯器寫出來，後來有了所見即所得編輯器，很多事情變得很方便，也少有機會去編寫原始碼。若你偶爾需要測試一些 HTML 內容，看看呈現出來的結果是否正確，可試試接下來的免費工具。
HTML.cafe 線上即時 HTML 編輯器，修改原始碼立即查看效果變化
網頁編輯器
HTML Editor 線上所見即所得編輯器，將內容快速轉為 HTML 原始碼
記得以前剛開始接觸網頁製作時都是使用 Microsoft FrontPage 編輯器，也正因為有所見即得編輯器，才能讓原本複雜難懂的 HTML 原始碼變得更簡單易懂，它將原始碼轉換成可視化內容，只要直接輸入文字、圖片、超鏈結後修改樣式即可將網頁製作出來，當然這些頁面背後仍是有所謂的 HTML 程式碼存在，只在需要時才會切換原始碼模式。
Brackets：Adobe 推免費、開放原始碼網頁編輯器（Windows、Mac、Linux）
Brackets 是一款免費、開放原始碼的純文字網頁編輯器，由 Adobe 以 HTML、CSS、Javascript 等程式語言開發，主要用於網頁設計，而這是一個跨平台的編輯器，支援 Mac、Windows 及 Linux 等作業系統。一般我們常見的網頁編輯器都有著相當複雜的操作介面，以及很多用得到甚至是用不到的功能，很多人會選擇純文字代碼編輯器來進行網頁開發，例如 Sublime Text，但一般的代碼編輯器並沒有針對網頁開發提供相對應的功能，以致於要預覽或修改時相當耗費時間。