HTML 編輯器推薦
可使用專業的 HTML 編輯器來編輯 HTML，菜鳥教程爲你們推薦幾款經常使用的編輯器：html
- VS Code：https://code.visualstudio.com/
- Sublime Text：http://www.sublimetext.com/
你能夠從以上軟件的官網中下載對應的軟件，按步驟安裝便可。接下來咱們將爲你們演示如何使用 VS Code 工具來建立 HTML 文件。瀏覽器
VS Code
Visual Studio Code（簡稱 VS Code）是一個由微軟開發，同時支持 Windows 、 Linux 和 macOS 等操做系統且開放源代碼的代碼編輯器，編輯器中內置了擴展程序管理的功能。編輯器
步驟 1: 新建 HTML 文件
在 VS Code 安裝完成後，選擇" 文件(F)->新建文件(N) "，在新建的文件中輸入如下代碼：ide
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body> <h1>個人第一個標題</h1> <p>個人第一個段落。</p> </body></html>
步驟 2: 另存爲 HTML 文件
而後選擇" 文件(F)->另存爲(A) "，文件名爲 runoob.html:當您保存 HTML 文件時，既可使用 .htm 也可使用 .html 擴展名。二者沒有區別，徹底根據您的喜愛，我建議統一用 .html。在一個容易記憶的文件夾中保存這個文件，好比 runoob工具
步驟 3: 在瀏覽器中運行這個 HTML 文件
而後鼠標右擊編輯器上的文件名，選擇在默認瀏覽器打開（也能夠其餘的瀏覽器）:運行顯示結果相似以下:編碼
VS Code 和 Sublime Text 還能夠配合 Emmet 插件來提升編碼速度。 Emmet 官網： http://emmet.io/