可編輯HTML的工具：1、Notepad++，是一個基于Scintilla開源庫的自由文本編輯器；2、Visual Studio Code，是一個免費的開源文本編輯器；3、Atom，是由GitHub創(chuàng)建的開源文本編輯器；4、Brackets，是一個開源文本編輯器；5、Komodo Edit，是一個多語言文本編輯器；6、Bluefish，是為程序員和Web開發(fā)人員構建的編輯器。

前端（vue）入門到精通課程：進入學習
API 文檔、設計、調試、自動化測試一體化協(xié)作工具：點擊使用

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

可編輯HTML的工具（編輯器）

1. Notepad++

Notepad++是一個基于Scintilla開源庫的自由文本編輯器。Notepad ++背后的開發(fā)人員非常注重節(jié)能和最大限度地減少用戶的碳足跡，該平臺的構建考慮到了這一點。作為一個開源工具，Notepad ++支持用戶制作的插件和教程。

Notepad ++是一個完全免費的開源產品。

特征：

• 語法突出顯示和折疊

• PCRE 搜索/替換

• 可定制的界面

• 文檔結構圖

• 自動完成

• 多語言環(huán)境支持

• 宏錄制和回放

2. Visual Studio Code

Visual Studio Code 是一個免費的開源文本編輯器，其中包含一個擴展庫，用于自定義你的體驗。它包含對JavaScript，TypeScript和Node.js的內置支持。該平臺的各種擴展設計為在單獨的進程中運行，以防止減慢編輯器的速度。

特征：

• 語法突出顯示

• 自動完成

• 調試

• 擴展庫

3. Atom

Atom是由GitHub創(chuàng)建的開源文本編輯器。它具有各種工具和主題來自定義你的體驗。Atom還可以直接與Git和GitHub集成。它是專門為Windows用戶設計的。

特征：

• 跨平臺編輯

• 內置包管理器

• 自動完成

• 文件系統(tǒng)瀏覽器

• 多個窗格

• 查找和替換

• 定制

4. Brackets

Brackets是一個開源文本編輯器，使設計人員和前端開發(fā)人員能夠在其瀏覽器中工作。編輯器中包含可視化工具，可在需要時提供額外的幫助。Brackets專注于WEB開發(fā)語言，如HTML，CSS和Javascript，它是建立在Javascript框架之上的。

特征：

• 在線編輯器

• 實時預覽

• 預處理器支持

5. Komodo Edit

Komodo Edit是一個多語言文本編輯器，提供基本編程所需的一切，例如自動完成和更改跟蹤。它是由總部位于溫哥華的ActiveState創(chuàng)建的，ActiveState還提供了許多其他以開發(fā)人員為中心的平臺。其中一些工具，例如功能更豐富的Komodo IDE，根據用戶的需求在各種軟件包中提供。

特征：

• 多語言編輯器

• 自動完成

• 多選

• 工具箱

• 項目和地點經理

• 外觀和圖標集

• 修訂

• 帶HTML的免費網頁設計軟件

6. H5P

H5P是一種工具，用于使用HTML5（該語言的最新版本）創(chuàng)建，共享和重用交互式內容。用戶可以創(chuàng)建響應式和適合移動設備的內容，包括演示文稿、視頻、游戲等。它通過插件和模塊支持Drupal，WordPress和Moodle的框架。

特征：

• 豐富的交互式 HTML5 內容

• 創(chuàng)建游戲、視頻、演示文稿和其他媒體

• Drupal，WordPress和Moodle的插件

• 在線用戶社區(qū)

7. Google Web Designer

Google 網頁設計器提供的功能可幫助創(chuàng)建交互式、基于 HTML5 的設計和動態(tài)圖形，這些設計和動態(tài)圖形在任何設備上都兼容。它提供了與其他主要Google應用程序（如Google Drive和Google Ads）的無縫集成。除了HTML之外，完整的設計套件還允許在CSS和Javascript中進行編輯。

特征：

• 事件

• 動態(tài)工作流程

• 內容創(chuàng)建工具

• 多種動畫模式

• 谷歌集成

8. CoffeeCup

CoffeeCup于1996年首次發(fā)布了其HTML編輯軟件。免費的應用程序允許用戶從頭開始創(chuàng)建HTML或CSS文件，或者基于包含的主題和布局進行構建。它包括一個組件庫和全面的工作流，可幫助為各種目的創(chuàng)建有組織、有效的網站。

特征：

• 主題和布局

• 可自定義的工具欄

• 建議的元素、屬性和選擇器

• 純文本到 HTML 標記支持

• 表單項

9. Bluefish

Bluefish是為程序員和Web開發(fā)人員構建的編輯器，用于編寫網站，腳本和編程代碼。它是一個與Windows，MacOS，Linux和其他操作系統(tǒng)兼容的開源應用程序。它支持許多編程和標記語言，包括HTML，XML，CSS，Javascript，Python和PHP。

特征：

• 快速輕便

• 輕松打開 500 多個文檔

• 項目支持

• 對遠程文件的多線程支持

• 搜索和替換

• 代碼段側邊欄

• 字符映射表

10. Microsoft Expression Web

Microsoft Expression Web目前是第四個版本。它包括用于以HTML，CSS，Javascript和其他編碼語言生成和維護高質量，基于標準的網站的功能。它有英語、西班牙語、法語、韓語等版本可供下載。

特征：

• 對 Web 標準的內置支持

• CSS 設計功能

• 可視化診斷工具

• 免費的所見即所得軟件與HTML

11. TinyMCE

TinyMCE是一種富文本編輯解決方案，部分用于創(chuàng)建Atlassian，Medium和Evernote等產品。它可以在三種不同的模式下使用：經典，內聯(lián)和無干擾。用戶還可以訪問Tiny Drive，這是供應商用于圖像上傳和資產管理的云平臺。

特征：

• 500 MB 硬盤存儲空間

• 5 GB 驅動器帶寬

• 插件

• 社區(qū)支持

• 拼寫檢查

• 圖片上傳

• 輔助功能檢查

• 增強的媒體嵌入

12. CKEditor4

CKEditor是一個完全可定制的所見即所得編輯器，專注于HTML內容。它是一個開源平臺，具有70種語言版本，400個插件和240多個配置選項。CKEditor 4和CKEditor 5在該類別中都獲得了很高的評價，CKEditor 4更側重于個人配置選項，而CKEditor 5更適合跨團隊的實時協(xié)作。

特征：

• 五個活躍用戶

• 兩個開發(fā)人員

• 商業(yè)許可證

• 一個內部應用程序，一個 OEM 或一個 SaaS

• 從 Word 和 Excel 粘貼

• 媒體嵌入

• 自動完成

13. Summernote

Summernote是一個“超級簡單的所見即所得編輯器”，建立在CSS框架Bootstrap上。這個開源平臺通過模塊和插件的預構建代碼提供廣泛的定制?？勺远x的功能包括工具欄、對話框和字體名稱。

特征：

• 支持引導

• 輕

• 智能用戶交互

• 適用于所有主流瀏覽器

• 與Django，Rails和Angular集成

14. openElement

openElement專為Windows用戶設計，是一個與HTML5和CSS3兼容的免費Web制作工具。它允許直觀地創(chuàng)建響應式多語言網站。用戶可以訪問在線論壇，其中其他用戶討論與軟件相關的主題，以及包含配置幫助和元素詳細信息等廣泛信息的wiki。

特征：

• 圖形化拖放界面

• 頁面圖層

• 在線用戶社區(qū)

• 可重復使用的樣式和元素包

• 搜索引擎優(yōu)化

• 圖像和代碼優(yōu)化

• 輕松集成腳本

15. Simditor

Simditor是一個裸露的WYSIWYG編輯器。默認情況下，此開源平臺僅集成關鍵功能，并支持某些附加功能的擴展。開發(fā)團隊歡迎用戶社區(qū)提交新擴展。

特征：

• 支持Internet Explorer，Chrome，F(xiàn)irefox和Safari

• 用戶提交的各種擴展程序

（學習視頻分享：web前端）