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

本教程操作環境：windows7系統、HTML5版、Dell G3電腦。

1、Sublime Text

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

2、Dreamweaver

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

3、WebStorm

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

4、HBuilder

HBuilder是DCloud推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫的。速度快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。Hbuilder是由有我國的前端開發人員編寫的一款前端開發IDE，所以在使用上比較符合我們中國人的開發習慣，用HBuilder寫HTML代碼還是很方便的。

5、Notepad

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

6、visual studio code（簡稱VS Code）

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

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

7、Vim

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

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

8、Aptana Studio

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

9、IntelliJ IDEA

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

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