HTML 編輯器

可以使用專業的HTML 編輯器來編輯HTML，php中文網為大家推薦幾款常用的編輯器：

Notepad++：https://notepad- plus-plus.org/（也可以在百度，360軟體庫下載）

Sublime Text：http://www.sublimetext.com/

HBuilder：http://www .dcloud.io/

你可以從以上軟體的官網下載對應的軟體，依步驟安裝即可。

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

個人用的是Notepad++，所以介紹這款編輯器的使用：

Notepad++

Notepad++是Windows作業系統下的一套文字編輯器(軟體版權許可證: GPL)，有完整的中文化介面及支援多國語言編寫的功能(UTF8技術)。

第一步：桌面點開軟體，進入編輯器，Ctrl+N新建頁面，也可以手動新建，如下圖：

QQ图片20161010140831.png

第二步：建立完成就可以開始編輯

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这里是网站的标题</title>
</head>
<body>
<h2>这里是网页标题</h2>
<p>这里是网页的文章段落内容</p>
</body>
</html>

QQ图片20161010141316.png

#第三步：另存為HTML 文件

然後選擇" 檔案(F)->另存為(A) "，檔案名稱為php.html:

當您儲存HTML 檔案時，既可以使用.htm 也可以使用.html 副檔名。兩者沒有區別，完全根據您的喜好。

在一個容易記憶的資料夾中儲存這個文件，例如 php

第四個步驟: 在瀏覽器中執行這個HTML 檔案.

啟動您的瀏覽器，然後選擇"檔案"選單的"開啟檔案"命令，或直接在資料夾中雙擊您的HTML 檔案,

運行顯示結果類似如下:

QQ图片20161010142516.png

檔案儲存後在桌面上顯示，若想再編輯，滑鼠點選右鍵，用Notepad++開啟就可以接著編輯了。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这里是网站的标题</title>
</head>
<body>
<h2>这里是网页标题</h2>
<p>这里是网页的文章段落内容</p>
</body>
</html>

自動運行