HTML編輯器

129745 閱讀 0 評論 0 點贊

俗話說：“工欲善其事，必先利其器；”一個好用的html編輯器，可以讓您在制作html網(wǎng)頁效率更高，事半功倍的效果。

下面給大家介紹幾款常用的編輯器：

1. 使用 Notepad 或 Notepad++ 來編寫 HTML

這款是大多數(shù)電腦自帶的記事本功能，我們相信，使用一款簡單的文本編輯器是學習 HTML 的好方法。

步驟一：啟動記事本

如何啟動記事本：

（1）開始→所有程序→附件→記事本

（2）開始→輸入指令notepad，啟動記事本

（3）直接在桌面新建一個文本文檔

以上三個方法都可以。

步驟二：用記事本來編輯 HTML

在記事本中鍵入 HTML 代碼：

<!DOCTYPE html>
<html>
<body>
<h1>C語言網(wǎng)</h1>
<p>歡迎來我們網(wǎng)站學習和打卡。</p>
</body>
</html>

如圖所示：

記事本

步驟三：保存 HTML

在記事本的文件菜單選擇“另存為”。

當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名，兩者沒有區(qū)別，起一個容易記憶的名字，比如test。

保存 HTML

步驟四：在瀏覽器中運行這個 HTML 文件

啟動您的瀏覽器，然后選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊您的 HTML 文件。

運行顯示結果類似如下:

瀏覽器運行HTML文件

2. 使用 Visual Studio Code 來編寫 HTML

Visual Studio Code 是一個運行于 OS X，Windows 和 Linux 之上的，針對于編寫現(xiàn)代 Web 和云應用的跨平臺編輯器。它也是被譽為宇宙最強編譯器。你可以從下面軟件的官網(wǎng)中下載對應的軟件，按步驟安裝即可。

VS Code：https://code.visualstudio.com/

你可以從以上軟件的官網(wǎng)中下載對應的軟件，按步驟安裝即可。

步驟 1: 新建 HTML 文件

在 VS Code 安裝完成后，選擇” 文件(F)->新建文件(N) “，在新建的文件中輸入以下代碼：

<!DOCTYPE html>
<html>
<body>
<h1>C語言網(wǎng)</h1>
<p>歡迎來我們網(wǎng)站學習和打卡。</p>
</body>
</html>

步驟 2: 另存為 HTML 文件

然后選擇” 文件(F)->另存為(A) “，文件名為 test.html:

步驟 3: 在瀏覽器中運行這個 HTML 文件

然后鼠標右擊編輯器上的文件名，選擇在默認瀏覽器打開（也可以其他的瀏覽器）:

3. HBuilder

HBuilder是DCloud推出的一款支撐HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫的。速度快，是HBuilder的最大優(yōu)勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提高HTML、js、css的開發(fā)效率。Hbuilder是由有我國的前端開發(fā)人員編寫的一款前端開發(fā)IDE，所以在使用上比較契合咱們中國人的開發(fā)習氣，用HBuilder寫HTML代碼還是很便利的。

4. AdobeDreamweaverCS

dreamweavercs6是國際頂級軟件廠商adobe推出的一套擁有可視化修正界面，可用于修正網(wǎng)站和移動應用程序的代碼修正器。由于它支撐代碼、拆分、設計、實時視圖等多種方法來創(chuàng)造、編寫和修正網(wǎng)頁，關于初級人員，你能夠無需編寫任何代碼就能快速創(chuàng)立web頁面。其老練的代碼修正東西更適用于web開發(fā)高級人員的創(chuàng)造！cs6新版本使用了自適應網(wǎng)格版面創(chuàng)立頁面，在發(fā)布前使用多屏幕預覽審閱設計,可大大提高工作效率。所以AdobeDreamweaverCS也是一個比較好的HTML代碼修正器。

5. SublimeText3漢化版

SublimeText是一款具有代碼高亮、語法提示、自動完成且反應快速的修正器軟件，不僅具有華麗的界面，還支撐插件擴展機制，用她來寫代碼，絕對是一種享受。相比于難于上手的Vim，浮腫沉重的Eclipse，VS，即便體積輕巧迅速發(fā)動的Editplus、Notepad++，在SublimeText面前大略顯失色，無疑這款性感無比的修正器是coding的不錯的挑選。

6.Notepad++

Notepad++是旨在替代Windows默認的notepad而生，比notepad的功用強大許多許多。notepad++支撐插件，增加對應不同的插件，以支撐不同的功用。里邊除了一些常見的插件之外，還有一些好玩的插件，比方將文字讀出來的speech插件。Notepad++屬于輕量級的文本修正類軟件，比其他一些專業(yè)的文本修正類東西，發(fā)動更快，占用資源更少，可是從功用使用等方面來說，不亞于那些專業(yè)東西。

7. Editplus

下載地址：https://www.editplus.com/

EditPlus是一款由韓國 Sangil Kim （ES-Computing）出品的小巧但是功能強大的可處理文本、HTML和程序語言的Windows編輯器，它也是一個非常好用的HTML編輯器，你甚至可以通過設置用戶工具將其作為C,Java,Php等等語言的一個簡單的IDE。

點贊(0)