可編輯HTML的工具：1、Notepad ，是基於Scintilla開源程式庫的自由文字編輯器；2、Visual Studio Code，是一個免費(fèi)的開源文字編輯器；3、Atom，是由GitHub創(chuàng)建的開源文字編輯器；4、Brackets，是一個開源文字編輯器；5、Komodo Edit，是一個多語言文字編輯器；6、Bluefish，是為程式設(shè)計師和Web開發(fā)人員建構(gòu)的編輯器。

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

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

#1. Notepad

Notepad 是一個基於Scintilla開源函式庫的自由文字編輯器。 Notepad 背後的開發(fā)人員非常注重節(jié)能並最大限度地減少用戶的碳足跡，而該平臺的建置考慮到了這一點(diǎn)。作為一個開源工具，Notepad 支援使用者製作的插件和教學(xué)。

Notepad 是一個完全免費(fèi)的開源產(chǎn)品。

特徵：

• 語法突出顯示和折疊

• #PCRE 搜尋/取代

• 可自訂的介面

• 文件結(jié)構(gòu)圖

• #自動完成

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

• 巨集錄製與回放

#2. Visual Studio Code

##Visual Studio Code是一個免費(fèi)的開源文字編輯器，其中包含一個擴(kuò)充庫，用於自訂你的體驗(yàn)。它包含對JavaScript，TypeScript和Node.js的內(nèi)建支援。該平臺的各種擴(kuò)展設(shè)計為在單獨(dú)的進(jìn)程中運(yùn)行，以防止減慢編輯器的速度。

特徵：

• 語法反白顯示

• #自動完成

• 偵錯

• 擴(kuò)充功能庫

3. Atom

Atom是由GitHub建立的開源文字編輯器。它具有各種工具和主題來自訂你的體驗(yàn)。 Atom還可以直接與Git和GitHub整合。它是專門為Windows使用者設(shè)計的。

特徵：

• 跨平臺編輯

• #內(nèi)建套件管理器

• 自動完成

• 檔案系統(tǒng)瀏覽器

• 多個窗格

• 尋找與替換

• 自訂

4. Brackets

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

特徵：

• 線上編輯器

• #即時預(yù)覽

• 預(yù)處理器支援

5. Komodo Edit

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

特徵：

• 多語言編輯器

• #自動完成

• 多重選擇

• 工具箱

• 專案和地點(diǎn)經(jīng)理

##外觀和圖示集
修訂
搭配HTML的免費(fèi)網(wǎng)頁設(shè)計軟體

6. H5P

H5P是一種工具，用於使用HTML5（該語言的最新版本）創(chuàng)建，共享和重複使用互動式內(nèi)容。用戶可以創(chuàng)建響應(yīng)式和適合行動裝置的內(nèi)容，包括簡報、影片、遊戲等。它透過外掛和模組支援Drupal，WordPress和Moodle的框架。

特徵：

豐富的互動式HTML5 內(nèi)容
創(chuàng)建遊戲、影片、簡報和其他媒體
Drupal，WordPress和Moodle的外掛程式
#線上使用者社群
##7. Google Web Designer

Google 網(wǎng)頁設(shè)計器提供的功能可協(xié)助建立互動式、基於HTML5 的設(shè)計和動態(tài)圖形，這些設(shè)計和動態(tài)圖形在任何裝置上都相容。它提供了與其他主要Google應(yīng)用程式（如Google Drive和Google Ads）的無縫整合。除了HTML之外，完整的設(shè)計套件還允許在CSS和Javascript中進(jìn)行編輯。

特徵：

事件

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

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

• 多種動畫模式

• Google整合

• ##8. CoffeeCup

CoffeeCup於1996年首次發(fā)布了其HTML編輯軟體。免費(fèi)的應(yīng)用程式允許使用者從頭開始建立HTML或CSS文件，或基於包含的主題和佈局進(jìn)行建置。它包括一個元件庫和全面的工作流程，可協(xié)助為各種目的建立有組織、有效的網(wǎng)站。

特徵：

• 主題和佈局

• #可自訂的工具列

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

• 純文字到HTML 標(biāo)記支援

• ##表單項目

9. Bluefish

Bluefish是為程式設(shè)計師和網(wǎng)路開發(fā)人員建立的編輯器，用於編寫網(wǎng)站，腳本和程式碼。它是一個與Windows，MacOS，Linux和其他作業(yè)系統(tǒng)相容的開源應(yīng)用程式。它支援許多程式設(shè)計和標(biāo)記語言，包括HTML，XML，CSS，Javascript，Python和PHP。

特徵：

• 快速輕巧

• #輕鬆開啟500 多個文件

• 專案支援

• 對遠(yuǎn)端檔案的多執(zhí)行緒支援

• #搜尋與取代

• 程式碼片段側(cè)邊欄

• 字元對應(yīng)表

#10. Microsoft Expression Web

Microsoft Expression Web目前是第四個版本。它包括用於以HTML，CSS，Javascript和其他編碼語言生成和維護(hù)高質(zhì)量，基於標(biāo)準(zhǔn)的網(wǎng)站的功能。它有英語、西班牙語、法語、韓語等版本可供下載。

特徵：

• 對Web 標(biāo)準(zhǔn)的內(nèi)建支援

• CSS 設(shè)計功能

• 視覺化診斷工具

• 免費(fèi)的所見即所得軟體與HTML

11. TinyMCE

#TinyMCE是一種富文本編輯解決方案，部分用於建立Atlassian，Medium和Evernote等產(chǎn)品。它可以在三種不同的模式下使用：經(jīng)典，內(nèi)聯(lián)和無幹?jǐn)_。用戶還可以存取Tiny Drive，這是供應(yīng)商用於圖像上傳和資產(chǎn)管理的雲(yún)端平臺。

特徵：

• 500 MB 硬碟儲存空間

• 5 GB 磁碟機(jī)頻寬

• #外掛

• 社群支援

• 拼字檢查

• 圖片上傳

• #輔助功能檢查

• 增強(qiáng)的媒體嵌入

12. CKEditor4

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

特徵：

• 五個活躍用戶

• #兩個開發(fā)人員

##商業(yè)許可證
一個內(nèi)部應(yīng)用程序，一個OEM 或一個SaaS
從Word 和Excel 貼上
#媒體嵌入
自動完成

#13. Summernote

Summernote是一個“超級簡單的所見即所得編輯器”，建立在CSS框架Bootstrap上。這個開源平臺透過模組和插件的預(yù)先建構(gòu)程式碼提供廣泛的客製化?？勺杂喌墓δ馨üぞ吡?、對話方塊和字體名稱。

特徵：

支援引導(dǎo)
#輕
智慧使用者交互
適用於所有主流瀏覽器
與Django，Rails和Angular整合

14. openElement

openElement專為Windows使用者設(shè)計，是與HTML5和CSS3相容的免費(fèi)Web製作工具。它允許直觀地創(chuàng)建響應(yīng)式多語言網(wǎng)站。使用者可以訪問線上論壇，其中其他使用者討論與軟體相關(guān)的主題，以及包含配置幫助和元素詳細(xì)資訊等廣泛資訊的wiki。

特徵：

圖形化拖放介面
#頁面圖層
線上使用者社群
可重複使用的樣式和元素包
#搜尋引擎優(yōu)化
映像與程式碼最佳化
輕鬆整合腳本

#15. Simditor

Simditor是一個裸露的WYSIWYG編輯器。預(yù)設(shè)情況下，此開源平臺僅整合關(guān)鍵功能，並支援某些附加功能的擴(kuò)充。開發(fā)團(tuán)隊歡迎用戶社群提交新擴(kuò)充功能。

特徵：

支援Internet Explorer，Chrome，F(xiàn)irefox和Safari
使用者提交的各種擴(kuò)充功能
（學(xué)習(xí)影片分享：

web前端

）

以上是用什麼編html的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！