對(duì)于很多初學(xué)者來(lái)說(shuō)，一款好用的 HTML 編輯器是相當(dāng)重要的。編輯器在前期可以幫我們快速的熟悉 HTML 代碼，更快的上手，當(dāng)我們能獨(dú)立用記事本完成一個(gè)網(wǎng)頁(yè)的制作，那么就說(shuō)明我們學(xué)會(huì) HTML 了。
1，打開(kāi)記事本--新建文檔
2，在記事本寫(xiě)上以下代碼
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>HTML編輯器有哪些，HTML編輯器下載(w3cschool.cn)</title>
</head>
<body>
<h1>第一級(jí)標(biāo)題</h1>
<h2>第二級(jí)標(biāo)題</h2>
<h3>第三級(jí)標(biāo)題</h3>
<p>段落測(cè)試文字</p>
</body>
</html>
3，點(diǎn)擊記事本左上角--文件--另存為
文件保存為（文件名+.html）
4，雙擊打開(kāi)此文件，結(jié)果如下圖所示：
那么HTML編輯器都有哪些呢？
1、HBuilder
HBuilder 是 DCloud 推出的一款支持 HTML5 的 Web 開(kāi)發(fā) IDE。 HBuilder 的編寫(xiě)用到了 Java、 C、 Web和Ruby。 HBuilder 本身主體是由 Java 編寫(xiě)的。速度快，是 HBuilder 的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升 HTML、 js、 css 的開(kāi)發(fā)效率。 Hbuilder 是由有我國(guó)的前端開(kāi)發(fā)人員編寫(xiě)的一款前端開(kāi)發(fā) IDE ，所以在使用上比較符合我們中國(guó)人的開(kāi)發(fā)習(xí)慣，用 HBuilder 寫(xiě) HTML 代碼還是很方便的。
2、Adobe Dreamweaver CS
dreamweaver cs6 是世界頂級(jí)軟件廠商 adobe 推出的一套擁有可視化編輯界面，可用于編輯網(wǎng)站和移動(dòng)應(yīng)用程序的代碼編輯器。由于它支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作、編寫(xiě)和修改網(wǎng)頁(yè)，對(duì)于初級(jí)人員，你可以無(wú)需編寫(xiě)任何代碼就能快速創(chuàng)建 web 頁(yè)面。其成熟的代碼編輯工具更適用于 web 開(kāi)發(fā)高級(jí)人員的創(chuàng)作！cs6 新版本使用了自適應(yīng)網(wǎng)格版面創(chuàng)建頁(yè)面，在發(fā)布前使用多屏幕預(yù)覽審閱設(shè)計(jì),可大大提高工作效率。所以 Adobe Dreamweaver CS 也是一個(gè)比較好的HTML代碼編輯器。
3、SublimeText3
Sublime Text 是一款具有代碼高亮、語(yǔ)法提示、自動(dòng)完成且反應(yīng)快速的編輯器軟件，不僅具有華麗的界面，還支持插件擴(kuò)展機(jī)制，用她來(lái)寫(xiě)代碼，絕對(duì)是一種享受。相比于難于上手的 Vim， 浮腫沉重的 Eclipse， VS， 即便體積輕巧迅速啟動(dòng)的 Editplus、 Notepad++， 在 SublimeText 面前大略顯失色，無(wú)疑這款性感無(wú)比的編輯器是 coding 的不錯(cuò)的選擇。
4、Notepad
Notepad++ 是旨在替代 Windows 默認(rèn)的 notepad 而生，比 notepad 的功能強(qiáng)大很多很多。 notepad++ 支持插件，添加對(duì)應(yīng)不同的插件，以支持不同的功能。里面除了一些常見(jiàn)的插件之外，還有一些好玩的插件，比如將文字讀出來(lái)的 speech 插件。 Notepad++ 屬于輕量級(jí)的文本編輯類軟件，比其他一些專業(yè)的文本編輯類工具，啟動(dòng)更快，占用資源更少，但是從功能使用等方面來(lái)說(shuō)，不亞于那些專業(yè)工具。
5、EditPlus(文本編輯器)
EditPlus （文字編輯器）一套功能強(qiáng)大，可取代記事本的文字編輯器，擁有無(wú)限制的 Undo/ Redo、 英文拼字檢查、自動(dòng)換行、列數(shù)標(biāo)記、搜尋取代、同時(shí)編輯多文件、全屏幕瀏覽功能。而它還有一個(gè)好用的功能，就是它有監(jiān)視剪貼簿的功能，能夠同步于剪貼簿自動(dòng)將文字貼進(jìn) EditPlus 的編輯窗口中，讓你省去做貼上的步驟。另外它也是一個(gè)好用的 HTML 編輯器，除了可以顏色標(biāo)記 HTML Tag （同時(shí)支持 C/C++、 Perl、 Java ）外，還內(nèi)建完整的 HTML 和 CSS1 指令功能，對(duì)于習(xí)慣用記事本編輯網(wǎng)頁(yè)的朋友，它可幫你節(jié)省一半以上的網(wǎng)頁(yè)制作時(shí)間，若你有安裝 IE 3.0 以上版本，它還會(huì)結(jié)合 IE 瀏覽器于 EditPlus 窗口中，讓你可以直接預(yù)覽編輯好的網(wǎng)頁(yè)（若沒(méi)安裝 IE，也可指定瀏覽器路徑）。? EditPlus3 編輯器下載：?http://hgci.cn/editplus3/
有了一個(gè)好用的編輯器，那么接下來(lái)就可以好好的學(xué)習(xí)HTML基礎(chǔ)教程了 http://hgci.cn/html/ "HTML教程閱讀"
也有更加深入的課程講解視頻：http://hgci.cn/minicourse/play/htmlcourse "HTML微課（含HTML5）"
以上就是編程獅給大家提供的關(guān)于 HTML 編輯器的推薦，以及 HTML 的學(xué)習(xí)，希望能給大家?guī)?lái)幫助。
