html開(kāi)發(fā)工具：1、Sublime Text 3；2、Webstorm；3、Visual Studio Code；4、Atom；5、HBuilder；6、Notepad++；7、Eclipse；8、Brackets；9、Vim編輯器等等。

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

一：HTML 是什么

HTML，全稱 “Hyper Text Markup Language（超文本標(biāo)記語(yǔ)言）”，它是制作萬(wàn)維網(wǎng)頁(yè)面的標(biāo)準(zhǔn)語(yǔ)言。

所謂超文本，因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫(huà)、多媒體等內(nèi)容。不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接。

需要特別說(shuō)明的是，HTML不是一門編程語(yǔ)言，而是一門描述性的標(biāo)記語(yǔ)言。

二：HTML 要學(xué)習(xí)什么

學(xué)習(xí) HTML，就是學(xué)習(xí)各種標(biāo)簽，即網(wǎng)頁(yè)的“骨架”。

標(biāo)簽有文字標(biāo)簽、圖像標(biāo)簽、音頻標(biāo)簽、表單標(biāo)簽等等。因?yàn)?HTML 這門語(yǔ)言就是一門描述性語(yǔ)言，就是用標(biāo)簽來(lái)說(shuō)話。

舉個(gè)例子，如果你要在瀏覽器顯示一段文字，你就用到 段落標(biāo)簽 p，如果你要在瀏覽器顯示一張圖片，就要用到 圖像標(biāo)簽 img 。針對(duì)對(duì)象不同，使用的標(biāo)簽也不同。

學(xué)習(xí) HTML 就是學(xué)習(xí)各種各樣的標(biāo)簽，然后針對(duì)你想要顯示的內(nèi)容，來(lái)使用相應(yīng)的標(biāo)簽，即在對(duì)的地方用對(duì)的標(biāo)簽。

三：HTML 文檔的后綴名

• html
• htm

這兩種寫(xiě)法是一樣的，沒(méi)有任何區(qū)別。

四：HTML 的開(kāi)發(fā)工具有哪些

能寫(xiě) HTML 代碼的編輯器有很多種，至于哪個(gè)是最好用的 HTML 代碼編輯器，每個(gè)人的觀點(diǎn)不一樣，這里我只舉出我用過(guò)的幾個(gè)，供君參考

1）Sublime Text 3

Sublime 的代碼顏色是我最喜歡的，以至于我用其它編輯器，也要改成和它一樣的顏色。

2）Webstorm

Webstorm 的代碼智能提示以及自定義快捷鍵，顏色深得我喜歡。

3）Visual Studio Code

Visual Studio Code 是微軟開(kāi)發(fā)的輕量級(jí)的編輯器，插件功能非常強(qiáng)大。

4）Atom

這個(gè)軟件從架構(gòu)上比 vscode 更重視擴(kuò)展和自由性，其本身就是由眾多擴(kuò)展構(gòu)成的。擴(kuò)展的自由度很高，例如裝一個(gè) minimap 跟 sublime text 一樣了。寫(xiě)前端跟 vscode 半斤八兩，一樣可以做其他很多語(yǔ)言的開(kāi)發(fā)。但是個(gè)人感覺(jué)擴(kuò)展質(zhì)量普遍沒(méi)有 vscode 的高。起初用過(guò)一段時(shí)間，但是受不了參差不齊的擴(kuò)展質(zhì)量和兼容性，就轉(zhuǎn) vscode 了。

5）HBuilder

這是個(gè)號(hào)稱專門為HTML5準(zhǔn)備的IDE，我在幾年前用過(guò)，貌似是基于 eclipse 內(nèi)核的。所有基于 eclipse 的軟件我都不想用。當(dāng)初記得它連 代碼的 format 都有 BUG。格式化代碼在上面推薦的幾個(gè)中任意一個(gè)用擴(kuò)展都能輕易做到非常完美的地步。

6）Notepad++

Notepad++是一套非常有特色的自由軟件的純文字編輯器(許可證:GPL)，有完整的中文化接口及支持多國(guó)語(yǔ)言編寫(xiě)的功能(UTF8 技術(shù))。它的功能比 Windows 中的 Notepad(記事本)強(qiáng)大，除了可以用來(lái)制作一般的純文字說(shuō)明文件，也十分適合當(dāng)作編寫(xiě)電腦程序的編輯器。Notepad++ 不僅有語(yǔ)法高亮度顯示，也有語(yǔ)法折疊功能，并且支持宏以及擴(kuò)充基本功能的外掛模組。

7）Eclipse

Eclipse 是著名的跨平臺(tái)的自由集成開(kāi)發(fā)環(huán)境（IDE）。最初主要用來(lái)Java語(yǔ)言開(kāi)發(fā)，但是目前亦有人通過(guò)插件使其作為其他計(jì)算機(jī)語(yǔ)言比如C++和Python的開(kāi)發(fā)工具。

8）Brackets

Adobe 開(kāi)源的前端開(kāi)發(fā)工具。這個(gè)基本上是完全為前端準(zhǔn)備的，支持插件。起初用過(guò)一段時(shí)間，體驗(yàn)很不錯(cuò)的。內(nèi)置 Server，可以直接預(yù)覽變化。

9）Vim 編輯器

Vim 是一種高度可配置的文本編輯器，可以非常高效地創(chuàng)建和更改任何類型的文本。大多數(shù) UNIX 系統(tǒng)都以 “vi” 的形式支持它。許多開(kāi)發(fā)人員喜歡使用 Vim 進(jìn)行各種編輯工作。Vim 非常穩(wěn)定，并且在不斷發(fā)展而變得更好。

10）Deco IDE

Deco 是專為 React Native 打造的 IDE。它是一個(gè)用于編寫(xiě) React Native 應(yīng)用程序的一體化解決方案，無(wú)需任何環(huán)境設(shè)置即可下載和使用。Deco 專注于組件重用，并支持用戶對(duì) UI 的實(shí)時(shí)編輯，從而改進(jìn)了React Native 開(kāi)發(fā)工作流程。

11）TextMate 編輯器

TextMate 并不是 IDE，但是通過(guò)使用其強(qiáng)大的片段、宏和獨(dú)特的范圍界定系統(tǒng)，它通常可以提供即使是編程語(yǔ)言特定的 IDE 都缺乏的功能。React 不直接支持，但是借助下面的插件可以很容易地獲得對(duì)大多數(shù) React 代碼所基于的 JSX 的支持。

12）Spacemacs 編輯器

Spacemacs 是一個(gè)社區(qū)驅(qū)動(dòng)的 Emacs 發(fā)行版 – 最好的編輯器既不是 Emacs 也不是Vim，它是 Emacs 和 Vim 相結(jié)合！