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