# HTML 編輯器
HTML 編輯器主要用于方便html代碼編輯，php中文網為大家推薦幾款常用的，專業的編輯器>
* * *
## HTML 編輯器推薦
可以使用專業的 HTML 編輯器來編輯 HTML，php中文網為大家推薦幾款常用的編輯器：
* Notepad++：[http://www.php.cn/xiazai/gongju/92](http://www.php.cn/xiazai/gongju/92)【推薦】或者?[https://notepad-plus-plus.org/](https://notepad-plus-plus.org/)
* Sublime Text：[http://www.php.cn/xiazai/gongju/93](http://www.php.cn/xiazai/gongju/93)【漢化版推薦】或者?[http://www.sublimetext.com/](http://www.sublimetext.com/)
* HBuilder：[http://www.dcloud.io/](http://www.dcloud.io/)
你可以從以上軟件的官網中下載對應的軟件，按步驟安裝即可。
接下來我們將為大家演示如何使用 Notepad++ 工具來創建 HTML 文件，其他兩個工具操作步驟類似。
* * *
## Notepad++
Notepad++是 Windows操作系統下的一套文本編輯器(軟件版權許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。
### 步驟 1: 新建 HTML 文件
在 Notepad++ 安裝完成后，選擇" 文件(F)->新建(N) "，在新建的文件中輸入以下代碼：
~~~
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>php中文網(php.cn)</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
~~~
### 步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) "，文件名為 php.html
當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區別，完全根據您的喜好。
在一個容易記憶的文件夾中保存這個文件，比如**php**
### 步驟 3: 在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇"文件"菜單的"打開文件"命令，或者直接在文件夾中雙擊您的 HTML 文件,
運行顯示結果類似如下:
> Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
>
> Emmet 官網：[http://emmet.io/](http://emmet.io/)
