HTML.cafe 免費線上 HTML 編輯器
編輯 HTML 文件後想要檢視網頁效果,可以在瀏覽器開啟 .html 檔案來呈現視覺化網頁,如果只需查看某些 HTML 語法效果,使用所見即所得編輯工具會比較省時方便,HTML.cafe 就是簡單易用的線上編輯器,輸入語法後立即呈現效果。


HTML.cafe 免費的線上 HTML 編輯器,打開網頁會有編輯區、即時預覽兩個方框,輸入 HTML 語法後立即看到效果,幫助使用者省略存檔後再檢視的動作,若是 HTML 文件尚未編輯完成,按下儲存會產生獨立網址,打開相同網址即可繼續編輯。

網站:HTML.cafe
語言:英文
網址:https://html.cafe/

HTML.cafe 使用說明:

開啟 HTML.cafe 網站會看到一段範例,上面是 HTML 編輯區,下方是即時預覽,可視情況拖曳中間分隔線來調整檢視畫面。
HTML.cafe 免費線上 HTML 編輯器

將範例刪除或點擊「new」打開空白畫面,即可輸入 HTML 語法並立即看到效果。
HTML.cafe 免費線上 HTML 編輯器

如果預覽區不夠檢視完整畫面,可點擊右上角「箭頭」打開新分頁檢視。
HTML.cafe 免費線上 HTML 編輯器

當關閉網頁時會提醒無法儲存內容,如果想留待下次繼續編輯,點擊「save」可保存到網站上並產生獨立網址,打開相同網址就能編輯同一份 HTML 文件。
HTML.cafe 免費線上 HTML 編輯器

但要注意將 HTML 保存在網站是公開的,任何人點擊右下方的「gallery」都可檢視 HTML 視覺化網頁。
HTML.cafe 免費線上 HTML 編輯器