俗話說:「工欲善其事,必先利其器;」一個好用的html編輯器,可以讓您在製作html網頁效率更高,事半功倍的效果。
以下為大家介紹幾款常用的編輯器:
1. 使用Notepad 或Notepad++ 來寫HTML
這款是大多數電腦自備的記事本功能,我們相信,使用簡單的文字編輯器是學習HTML 的好方法。
步驟一:啟動記事本
如何啟動記事本:
(1)開始→所有程序→附件→記事本
(2)開始→輸入指令notepad,啟動記事本
(3)直接在桌面新建一個文字文檔
以上三個方法都可以。
步驟二:用記事本來編輯HTML
在記事本中鍵入HTML 程式碼:
<!DOCTYPEhtml><html><body><h1>C語言網</h1><p>歡迎來我們網站學習和打卡。 </p></body></html>
如圖所示:
步驟三:儲存HTML
在記事本的文件選單中選擇「另存為」。
當您儲存HTML 檔案時,既可以使用.htm也可以使用.html副檔名,兩者沒有差別,取一個容易記憶的名字,例如test。
步驟四:在瀏覽器中執行這個HTML 文件
啟動您的瀏覽器,然後選擇「檔案」選單的「開啟檔案」命令,或直接在資料夾中雙擊您的HTML 檔案。
運行顯示結果類似如下:
2. 使用Visual Studio Code 來編寫HTML
Visual Studio Code 是一個運行於OS X,Windows 和Linux 之上的,針對於編寫現代Web 和雲端應用的跨平台編輯器。 它也是被譽為宇宙最強編譯器。你可以從下面軟體的官網下載對應的軟體,依步驟安裝即可。
VS Code:https://code.visualstudio.com/
你可以從以上軟體的官網下載對應的軟體,依步驟安裝即可。
步驟1: 新建HTML 文件
在VS Code 安裝完成後,選擇” 檔案(F)->新檔案(N) “,在新建的檔案中輸入下列程式碼:
<!DOCTYPEhtml><html><body><h1>C語言網</h1><p>歡迎來我們網站學習和打卡。 </p></body></html>
步驟2: 儲存為HTML 文件
然後選擇” 檔案(F)->另存為(A) “,檔案名稱為test.html:
步驟3: 在瀏覽器中執行這個HTML 文件
然後滑鼠右鍵編輯器上的文件名,選擇在預設瀏覽器中開啟(也可以其他的瀏覽器):
3. HBuilder
HBuilder是DCloud推出的一款支援HTML5的Web開發IDE。 HBuilder的編寫用到了Java、C、Web和Ruby。 HBuilder本身主體是由Java所寫的。速度快,是HBuilder的最大優勢,透過完整的語法提示和程式碼輸入法、程式碼區塊等,大幅提升HTML、js、css的開發效率。 Hbuilder是由有我國的前端開發人員編寫的一款前端開發IDE,所以在使用上比較契合咱們中國人的開發習氣,用HBuilder寫HTML程式碼還是很便利的。
4. AdobeDreamweaverCS
dreamweavercs6是國際頂尖軟體廠商adobe推出的一套擁有視覺化修正介面,可用於修正網站和行動應用程式的程式碼修正器。由於它支撐程式碼、分割、設計、即時視圖等多種方法來創造、編寫和修正網頁,關於初級人員,你能夠無需編寫任何程式碼就能快速創立web頁面。其老練的程式碼修正東西更適用於web開發高級人員的創造! cs6新版本使用了自適應網格版面創立頁面,在發布前使用多螢幕預覽審查設計,可大幅提高工作效率。所以AdobeDreamweaverCS也是比較好的HTML程式碼修正器。
5. SublimeText3漢化版
SublimeText是一款具有程式碼高亮、語法提示、自動完成且反應快速的修正器軟體,不僅具有華麗的介面,還支撐插件擴充機制,用她來寫程式碼,絕對是一種享受。相較於難於上手的Vim,浮腫沉重的Eclipse,VS,即便體積輕巧迅速發動的Editplus、Notepad++,在SublimeText面前大略顯失色,無疑這款性感無比的修正器是coding的不錯的挑選。
6.Notepad++
Notepad++是設計用來取代Windows預設的notepad而生,比notepad的功用強大許多許多。 notepad++支撐插件,增加對應不同的插件,以支撐不同的功用。裡邊除了一些常見的插件之外,還有一些好玩的插件,比方將文字讀出來的speech插件。 Notepad++屬於輕量級的文本修正類軟體,比其他一些專業的文本修正類東西,發動更快,佔用資源更少,可是從功用使用等方面來說,不亞於那些專業東西。
7. Editplus
下載網址:https://www.editplus.com/
EditPlus是一款由韓國Sangil Kim (ES-Computing)出品的小巧但是功能強大的可處理文字、HTML和程式語言的Windows編輯器,它也是一個非常好用的HTML編輯器,你甚至可以透過設定用戶工具將其作為C,Java,Php等等語言的一個簡單的IDE。