html開發(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（超文本標記語言）”，它是制作萬維網(wǎng)頁面的標準語言。

所謂超文本，因為它可以加入圖片、聲音、動畫、多媒體等內(nèi)容。不僅如此，它還可以從一個文件跳轉(zhuǎn)到另一個文件，與世界各地主機的文件連接。

需要特別說明的是，HTML不是一門編程語言，而是一門描述性的標記語言。

二：HTML 要學習什么

學習 HTML，就是學習各種標簽，即網(wǎng)頁的“骨架”。

標簽有文字標簽、圖像標簽、音頻標簽、表單標簽等等。因為 HTML 這門語言就是一門描述性語言，就是用標簽來說話。

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

學習 HTML 就是學習各種各樣的標簽，然后針對你想要顯示的內(nèi)容，來使用相應的標簽，即在對的地方用對的標簽。

三：HTML 文檔的后綴名

• html
• htm

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

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

能寫 HTML 代碼的編輯器有很多種，至于哪個是最好用的 HTML 代碼編輯器，每個人的觀點不一樣，這里我只舉出我用過的幾個，供君參考

1）Sublime Text 3

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

2）Webstorm

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

3）Visual Studio Code

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

4）Atom

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

5）HBuilder

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

6）Notepad++

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

7）Eclipse

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

8）Brackets

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

9）Vim 編輯器

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

10）Deco IDE

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

11）TextMate 編輯器

TextMate 并不是 IDE，但是通過使用其強大的片段、宏和獨特的范圍界定系統(tǒng)，它通?？梢蕴峁┘词故蔷幊陶Z言特定的 IDE 都缺乏的功能。React 不直接支持，但是借助下面的插件可以很容易地獲得對大多數(shù) React 代碼所基于的 JSX 的支持。

12）Spacemacs 編輯器

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