Latest web development tutorials

HTML 編輯器

HTML 編輯器推薦

可以使用專業的HTML 編輯器來編輯HTML,本教程為大家推薦幾款常用的編輯器:

你可以從以上軟件的官網中下載對應的軟件,按步驟安裝即可。

接下來我們將為大家演示如何使用Notepad++工具來創建HTML 文件,其他兩個工具操作步驟類似。


Notepad++

Notepad++是Windows操作系統下的一套文本編輯器(軟件版權許可證: GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。

步驟1: 新建HTML 文件

在Notepad++ 安裝完成後,選擇" 文件(F)->新建(N) ",在新建的文件中輸入以下代碼:

< ! DOCTYPE html > < html > < head > < meta charset = " utf-8 " > < title > 本教程(w3big.com) </ title > </ head > < body > < h1 > 我的第一個標題 </ h1 > < p > 我的第一個段落。 </ p > </ body > </ html >

步驟2: 另存為HTML 文件

然後選擇" 文件(F)->另存為(A) ",文件名為w3big.html:

當您保存HTML 文件時,既可以使用.htm 也可以使用.html 擴展名。 兩者沒有區別,完全根據您的喜好。

在一個容易記憶的文件夾中保存這個文件,比如w3big

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

啟動您的瀏覽器,然後選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的HTML 文件,

運行顯示結果類似如下:

Notepad++ 和Sublime Text 還可以配合Emmet 插件來提高編碼速度。

Emmet官網: http://emmet.io/