寫(xiě)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 是一個(gè)跨平臺(tái)的代碼編輯器，同時(shí)支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML和散文先進(jìn)的文本編輯器。Sublime Text具有漂亮的用戶(hù)界面和強(qiáng)大的功能，主要功能包括:拼寫(xiě)檢查，書(shū)簽，完整的 Python API ，Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。

2、Dreamweaver

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

3、WebStorm

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

4、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代碼還是很方便的。

5、Notepad

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

6、visual studio code（簡(jiǎn)稱(chēng)VS Code）

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

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

7、Vim

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

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

8、Aptana Studio

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

9、IntelliJ IDEA

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

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