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

前端(vue)入門到精通課程:進入學習
API 文檔、設計、調試、自動化測試一體化協作工具:點擊使用
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
可編輯HTML的工具(編輯器)
1. Notepad++
Notepad++是一個基于Scintilla開源庫的自由文本編輯器。Notepad ++背后的開發人員非常注重節能和最大限度地減少用戶的碳足跡,該平臺的構建考慮到了這一點。作為一個開源工具,Notepad ++支持用戶制作的插件和教程。
Notepad ++是一個完全免費的開源產品。
特征:
- 
語法突出顯示和折疊
 - 
PCRE 搜索/替換
 - 
可定制的界面
 - 
文檔結構圖
 - 
自動完成
 - 
多語言環境支持
 - 
宏錄制和回放
 
2. Visual Studio Code
Visual Studio Code 是一個免費的開源文本編輯器,其中包含一個擴展庫,用于自定義你的體驗。它包含對JavaScript,TypeScript和Node.js的內置支持。該平臺的各種擴展設計為在單獨的進程中運行,以防止減慢編輯器的速度。
特征:
- 
語法突出顯示
 - 
自動完成
 - 
調試
 - 
擴展庫
 
3. Atom
Atom是由GitHub創建的開源文本編輯器。它具有各種工具和主題來自定義你的體驗。Atom還可以直接與Git和GitHub集成。它是專門為Windows用戶設計的。
特征:
- 
跨平臺編輯
 - 
內置包管理器
 - 
自動完成
 - 
文件系統瀏覽器
 - 
多個窗格
 - 
查找和替換
 - 
定制
 
4. Brackets
Brackets是一個開源文本編輯器,使設計人員和前端開發人員能夠在其瀏覽器中工作。編輯器中包含可視化工具,可在需要時提供額外的幫助。Brackets專注于WEB開發語言,如HTML,CSS和Javascript,它是建立在Javascript框架之上的。
特征:
- 
在線編輯器
 - 
實時預覽
 - 
預處理器支持
 
5. Komodo Edit
Komodo Edit是一個多語言文本編輯器,提供基本編程所需的一切,例如自動完成和更改跟蹤。它是由總部位于溫哥華的ActiveState創建的,ActiveState還提供了許多其他以開發人員為中心的平臺。其中一些工具,例如功能更豐富的Komodo IDE,根據用戶的需求在各種軟件包中提供。
特征:
- 
多語言編輯器
 - 
自動完成
 - 
多選
 - 
工具箱
 - 
項目和地點經理
 - 
外觀和圖標集
 - 
修訂
 - 
帶HTML的免費網頁設計軟件
 
6. H5P
H5P是一種工具,用于使用HTML5(該語言的最新版本)創建,共享和重用交互式內容。用戶可以創建響應式和適合移動設備的內容,包括演示文稿、視頻、游戲等。它通過插件和模塊支持Drupal,WordPress和Moodle的框架。
特征:
- 
豐富的交互式 HTML5 內容
 - 
創建游戲、視頻、演示文稿和其他媒體
 - 
Drupal,WordPress和Moodle的插件
 - 
在線用戶社區
 
7. Google Web Designer
Google 網頁設計器提供的功能可幫助創建交互式、基于 HTML5 的設計和動態圖形,這些設計和動態圖形在任何設備上都兼容。它提供了與其他主要Google應用程序(如Google Drive和Google Ads)的無縫集成。除了HTML之外,完整的設計套件還允許在CSS和Javascript中進行編輯。
特征:
- 
事件
 - 
動態工作流程
 - 
內容創建工具
 - 
多種動畫模式
 - 
谷歌集成
 
8. CoffeeCup
CoffeeCup于1996年首次發布了其HTML編輯軟件。免費的應用程序允許用戶從頭開始創建HTML或CSS文件,或者基于包含的主題和布局進行構建。它包括一個組件庫和全面的工作流,可幫助為各種目的創建有組織、有效的網站。
特征:
- 
主題和布局
 - 
可自定義的工具欄
 - 
建議的元素、屬性和選擇器
 - 
純文本到 HTML 標記支持
 - 
表單項
 
9. Bluefish
Bluefish是為程序員和Web開發人員構建的編輯器,用于編寫網站,腳本和編程代碼。它是一個與Windows,MacOS,Linux和其他操作系統兼容的開源應用程序。它支持許多編程和標記語言,包括HTML,XML,CSS,Javascript,Python和PHP。
特征:
- 
快速輕便
 - 
輕松打開 500 多個文檔
 - 
項目支持
 - 
對遠程文件的多線程支持
 - 
搜索和替換
 - 
代碼段側邊欄
 - 
字符映射表
 
10. Microsoft Expression Web
Microsoft Expression Web目前是第四個版本。它包括用于以HTML,CSS,Javascript和其他編碼語言生成和維護高質量,基于標準的網站的功能。它有英語、西班牙語、法語、韓語等版本可供下載。
特征:
- 
對 Web 標準的內置支持
 - 
CSS 設計功能
 - 
可視化診斷工具
 - 
免費的所見即所得軟件與HTML
 
11. TinyMCE
TinyMCE是一種富文本編輯解決方案,部分用于創建Atlassian,Medium和Evernote等產品。它可以在三種不同的模式下使用:經典,內聯和無干擾。用戶還可以訪問Tiny Drive,這是供應商用于圖像上傳和資產管理的云平臺。
特征:
- 
500 MB 硬盤存儲空間
 - 
5 GB 驅動器帶寬
 - 
插件
 - 
社區支持
 - 
拼寫檢查
 - 
圖片上傳
 - 
輔助功能檢查
 - 
增強的媒體嵌入
 
12. CKEditor4
CKEditor是一個完全可定制的所見即所得編輯器,專注于HTML內容。它是一個開源平臺,具有70種語言版本,400個插件和240多個配置選項。CKEditor 4和CKEditor 5在該類別中都獲得了很高的評價,CKEditor 4更側重于個人配置選項,而CKEditor 5更適合跨團隊的實時協作。
特征:
- 
五個活躍用戶
 - 
兩個開發人員
 - 
商業許可證
 - 
一個內部應用程序,一個 OEM 或一個 SaaS
 - 
從 Word 和 Excel 粘貼
 - 
媒體嵌入
 - 
自動完成
 
13. Summernote
Summernote是一個“超級簡單的所見即所得編輯器”,建立在CSS框架Bootstrap上。這個開源平臺通過模塊和插件的預構建代碼提供廣泛的定制。可自定義的功能包括工具欄、對話框和字體名稱。
特征:
- 
支持引導
 - 
輕
 - 
智能用戶交互
 - 
適用于所有主流瀏覽器
 - 
與Django,Rails和Angular集成
 
14. openElement
openElement專為Windows用戶設計,是一個與HTML5和CSS3兼容的免費Web制作工具。它允許直觀地創建響應式多語言網站。用戶可以訪問在線論壇,其中其他用戶討論與軟件相關的主題,以及包含配置幫助和元素詳細信息等廣泛信息的wiki。
特征:
- 
圖形化拖放界面
 - 
頁面圖層
 - 
在線用戶社區
 - 
可重復使用的樣式和元素包
 - 
搜索引擎優化
 - 
圖像和代碼優化
 - 
輕松集成腳本
 
15. Simditor
Simditor是一個裸露的WYSIWYG編輯器。默認情況下,此開源平臺僅集成關鍵功能,并支持某些附加功能的擴展。開發團隊歡迎用戶社區提交新擴展。
特征:
- 
支持Internet Explorer,Chrome,Firefox和Safari
 - 
用戶提交的各種擴展程序
 
(學習視頻分享:web前端)
站長資訊網