建設網頁時，為了快速、高效地完成任務，通常會使用一些具有代碼高亮顯示、語法提示等便捷功能的網站開發工具。常見的網站建設工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等，具體介紹如下。

1、 Sublime

Sublime全稱為Sublime Text，是一個代碼編輯器，最早由程序員Jon Skinner于2008年1月開發出來。Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖、功能插件等。Sublime text還是一個跨平臺的編輯器，支Windows、linux、Mac等操作系統。

2、 Visual Studio Code

Visual Studio Code(簡稱“VS Code”)是Microsoft在2015年4月30日Build開發者大會上正式宣布一個運行于 Mac OS X、Windows和 Linux 之上的，針對于編寫現代Web和云應用的跨平臺源代碼編輯器， 可在桌面上運行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內置支持，并具有豐富的其他語言(例如C++，C#，Java，Python，PHP，Go)和運行時(例如.NET和Unity)擴展的生態系統。

3、 Webstorm

WebStorm 是JetBrains公司旗下一款JavaScript 開發工具。已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

4、 Dreamweaver

Dreamweaver簡稱DW(中文譯為“夢想編織者”)，是美國MACROMEDIA公司開發的集網頁制作和網站管理于一身的“所見即所得”網頁編輯器，2005年被Adobe公司收購。DW是第一套針對非專業網站建設人員的視覺化網頁開發工具，利用它可以輕而易舉地制作網頁。

5、 Hbuilder

HBUilder是DCloud推出的一款支持HTML5的Web開發軟件。“快”是BUilder的最大優勢，通過完整的語法提示、代碼輸入法以及代碼塊等，HBuilder可以大幅提升HTML、JavaScript的開發效率。

nlinehtmleditor.net是非常簡單和易用的HTML在線編輯器，適用的標簽有H1，H2，H3，H4，P,IMG,List等，還可以在下方查看實時預覽。你可以手動輸入這些標簽，也可以通過點擊工具欄上的圖標來使用它們。它甚至可以讓你通過具體的圖片路徑添加圖片。完成編輯之后，你可以復制你的HTML代碼并保存到本地磁盤，也可以在你的網站或博客中使用它。

html.am提供了一個成熟的免費在線WYSIWYG HTML編輯器。它擁有幾乎所有的命令用來編輯你的文字，包括字體大小，顏色，尺寸，列表，超鏈 接及更多。 除了上面提到的標簽，它還支持高級的HTML標簽，包括表格，文本框， 復選框，單選按鈕，文本域，按鈕等。此外，還能插入圖片對象，Flash 對象，表格甚至是iFrame。你可以按要求鍵入和編輯文本內容。編寫完成后你可以將編輯頁面的源代碼復制到您的網站上。您可以通過點擊主菜單上的源按鈕切換源代碼 ，還能通過點擊最大化按鈕把編輯器最大化。

jsfiddle.net是一個多窗格的HTML在線編輯器。你可以在HTML窗格中鍵入HTML代碼，而CSS和Java Script腳本將會鍵入到各自的窗口中。每次更改之后你必須點擊運行按鈕來查看最終的結果。你可以進行在線保存 ，它為你提供了一個唯一的保存路徑。另外，它還支持在線協作。

codepen.io是一個具有先進功能的HTML在線編輯器，可以在同樣的瀏覽窗口中單獨編輯HTML, CSS,和Java Script。你可以在編寫的同時進行預覽，還能點擊“更改視圖”按鈕重新進行分層并選中你需要的層，編寫完成之后，你可以將代碼導出并保存到一個壓縮文件中。這個編輯器擁有許多的快捷鍵方便您進行使用。

cssdeck.com是一個擁有四個窗格的HTML在線編輯器，他們分別用來編寫HTML, CSS和Java Script并進行實時預覽。你可以在每個窗口中單獨編寫代碼，但組合的輸出結果將會顯示在預覽窗口中。此外，編輯器還擁有許多的快捷鍵。

html-color-codes.info提供了免費的HTML在線編輯器。它可以讓你鍵入和編寫文本并生成格式化HTML代碼。無論是專業的HTML程序員還是只了解一些HTML知識的新手都能使用它。你可以應用格式，縮進，各種樣式 ，不同的字體以及字體大小到你的文本中。它還具有“粘貼為純文本” 和“粘貼”的選項，使格式設置更容易。它也有一個預覽按鈕來預覽您的網頁。完成編輯后，您可以點擊“編輯HTML源碼”按鈕（在工具欄上的最后一個按鈕）復制HTML代碼。

htmleditor.in是一個類似于MS Word的免費WYSIWYG HTML和HTML5在線編輯器。只需要進入文本，并應用各種格式設置到你的文本中，如：粗體，斜體，下劃線，刪除線，上標，下標，編號，字體大小，字體，顏色等。它有一個拼寫檢查的設備，能進行拼寫檢查。它還具有許多形式設計工具，你可以插入動畫，圖片，表格，水平線，笑臉和其它的外部對象到你的頁面。

codebeautify.org不僅僅是一個免費的HTML在線編輯工具。它實際上是一個用來美化和精簡代碼的在線工具。您可以輸入一個現有網頁的網址，它將會顯示出完整的代碼。你可以編寫代碼并進行實時查看。此外，你還可以頁面存儲大小以及字符數。最后，它能為你所修改的代碼提供一個唯一的路徑進行保存。這個功能讓它成為團隊合作項目的第一選擇，每個團隊成員都能通過共享路徑看到修改后的代碼。

htmledit.squarefree.com是一個基本的HTML在線編輯器。在使用它之前你必須了解HTML的相關知識。你必須手動將格式化標記應用于文本類型，能實時看到文本和格式的變化。總而言之，這是一個非常基礎的HTML編輯器。

4html.net 提供免費的HTML在線編輯功能。只需在給定區域鍵入文本并使用各種格式化標簽。它擁有的格式例如：粗體，斜體風格，強調，預格式化的地址，標題，標題1至6的格式等。它還有代碼高亮顯示，自動縮進等功能。除了簡單的粘帖功能，它還具有“粘貼為純文本”和“從Word中粘貼”等功能。編輯結束后，你可以把HTML代碼復制到你的網站或博客中。

{@@_update}

本站文章除注明轉載外，均為本站原創或翻譯