寫html代碼的軟件：1、Sublime Text；2、Dreamweaver；3、WebStorm；4、HBuilder；5、Notepad；6、VSCode；7、Vim；8、Aptana Studio；9、IntelliJ IDEA。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

1、Sublime Text

Sublime Text 是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML和散文先進的文本編輯器。Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括:拼寫檢查，書簽，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。

2、Dreamweaver

Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。

3、WebStorm

WebStorm是一款Java 開發(fā)工具，目前已經(jīng)被廣大中國JS開發(fā)者譽為"Web前端開發(fā)神器"、"最強大的HTML5編輯器"、"最智能的Java IDE"等。WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構、代碼檢查和快速修復、代碼調(diào)試、代碼結構瀏覽、代碼折疊、包裹或者去掉外圍代碼。

4、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ā)習慣，用HBuilder寫HTML代碼還是很方便的。

5、Notepad

Notepad++是旨在替代Windows默認的notepad而生，比notepad的功能強大很多很多。notepad++支持插件，添加對應不同的插件，以支持不同的功能。里面除了一些常見的插件之外，還有一些好玩的插件，比如將文字讀出來的speech插件。Notepad++屬于輕量級的文本編輯類軟件，比其他一些專業(yè)的文本編輯類工具，啟動更快，占用資源更少，但是從功能使用等方面來說，不亞于那些專業(yè)工具。

6、visual studio code（簡稱VS Code）

VS Code是一款免費，開源，跨平臺的編輯器，生態(tài)好，插件豐富，界面美觀，其代碼補全，高亮等體驗也不錯。

支持多種編程語言，可以直接在編輯器上進行代碼的調(diào)試，它還內(nèi)置了git，終端。

7、Vim

Vim初學的時候還是會比較困難些，全程使用鍵盤進行操作，需要記住很多的按鍵組合和命令，但是學會之后你會發(fā)現(xiàn)它的好處， 尤其是常用Linux 系統(tǒng)的，學會Vim真的能讓工作變得高效很多。

Vim本身啟動速度快，可配置性非常強，有著各種各樣的插件，具有高度的定制化，目前算是用戶最喜歡的編輯器之一了，編寫小腳本特別合適。

8、Aptana Studio

AptanaStudio 是一個基于 Eclipse 的集成式 Web 開發(fā)環(huán)境，其最廣為人知的是它非常強悍的 JavaScript 編輯器和調(diào)試器。AptanaStudio 可以支持多種 AJAX 和 JavaScript 工具箱，包括 JavaScript 編輯和調(diào)試。

9、IntelliJ IDEA

IDEA 全稱 IntelliJ IDEA，是java編程語言開發(fā)的集成環(huán)境。IntelliJ在業(yè)界被公認為最好的java開發(fā)工具之一，它的旗艦版本還支持HTML，CSS，PHP，MySQL，Python等。

推薦教程：《html視頻教程》