可以使用專業的 HTML 編輯器來編輯 HTML，菜鳥教程為大家推薦幾款常用的編輯器：
VS Code：https://code.visualstudio.com/
Sublime Text：http://www.sublimetext.com/
你可以從以上軟體的官網中下載下傳對應的軟體，按步驟安裝即可。
接下來我們将為大家示範如何使用 VS Code 工具來建立 HTML 檔案。
Visual Studio Code（簡稱 VS Code）是一個由微軟開發，同時支援 Windows 、 Linux 和 macOS 等作業系統且開放源代碼的代碼編輯器，編輯器中内置了擴充程式管理的功能。
VS Code 安裝教程參考：https://www.runoob.com/w3cnote/vscode-tutorial.html
在 VS Code 安裝完成後，選擇" 檔案(F)->建立檔案(N) "，在建立的檔案中輸入以下代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<h1>我的第一個标題</h1>
<p>我的第一個段落。</p>
</body>
</html>
然後選擇" 檔案(F)->另存為(A) "，檔案名為 runoob.html:
當您儲存 HTML 檔案時，既可以使用 .htm 也可以使用 .html 擴充名。兩者沒有差別，完全根據您的喜好，我建議統一用 .html。
在一個容易記憶的檔案夾中儲存這個檔案，比如 runoob
然後滑鼠右擊編輯器上的檔案名，選擇在預設浏覽器打開（也可以其他的浏覽器）:
注：vscode 中使用浏覽器打開 html 檔案需要 安裝 "open in browser" 擴充。
運作顯示結果類似如下:
VS Code 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。 Emmet 官網：http://emmet.io/