HTML 編輯器

HTML 編輯器是用于編寫 HTML 的工具，使用 HTML 編輯器時(shí)以編輯主題，索引，自定義窗口，選擇添加搜索頁。

HTML 編輯器推薦

可以使用專業(yè)的 HTML 編輯器來編輯 HTML，小白教程為大家推薦幾款常用的編輯器：

VS Code：https://code.visualstudio.com/
Sublime Text：http://www.sublimetext.com/

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

接下來我們將為大家演示如何使用 VS Code 工具來創(chuàng)建 HTML 文件。

VS Code

Visual Studio Code（簡稱 VS Code）是一個(gè)由微軟開發(fā)，同時(shí)支持 Windows 、 Linux 和 macOS 等操作系統(tǒng)且開放源代碼的代碼編輯器，編輯器中內(nèi)置了擴(kuò)展程序管理的功能。

步驟 1: 新建 HTML 文件

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(json.cn)</title> </head> <body> <h1>我的第一個(gè)標(biāo)題</h1> <p>我的第一個(gè)段落。</p> </body> </html>

步驟 2: 另存為 HTML 文件

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

當(dāng)您保存 HTML 文件時(shí)，既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒有區(qū)別，完全根據(jù)您的喜好，我建議統(tǒng)一用 .html。

在一個(gè)容易記憶的文件夾中保存這個(gè)文件，比如 kjson

步驟 3: 在瀏覽器中運(yùn)行這個(gè) HTML 文件

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

運(yùn)行代碼。

VS Code 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
Emmet 官網(wǎng)：http://emmet.io/

上一篇：HTML 簡介下一篇：HTML 基礎(chǔ)