HTML 編輯器
HTML?編輯器
HTML 編輯器介紹
可以使用專業(yè)的 HTML 編輯器來編輯 HTML，php中文網(wǎng)為大家推薦幾款常用的編輯器：
·??Notepad++：https://notepad-plus-plus.org/
· ?Sublime Text：http://www.sublimetext.com/
· ?HBuilder：http://www.dcloud.io/
你可以從以上軟件的官網(wǎng)中下載對應(yīng)的軟件，按步驟安裝即可。
接下來我們將為大家演示如何使用Notepad++工具來創(chuàng)建 HTML 文件，其他兩個工具操作步驟類似。
Notepad++
Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8技術(shù))。
步驟 1: 新建 HTML 文件
在 Notepad++ 安裝完成后，選擇" 文件(F)->新建(N) "，在新建的文件中輸入以下代碼：
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>html文件</title> </head> <body> <h1>這是一個標題</h1> <h2>這是另一個標題</h2> <h3>這還是一個標題</h3> <p>這是一句話</p> <p>這是另一句話</p> </body> </html>
步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) "，文件名為 new 1.html
當(dāng)您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區(qū)別，完全根據(jù)您的喜好。
在一個容易記憶的文件夾中保存這個文件，比如?php
步驟 3: 在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇"文件"菜單的"打開文件"命令，或者直接在文件夾中雙擊您的 HTML 文件,
運行顯示結(jié)果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
Emmet 官網(wǎng)：http://emmet.io/
?
通過記事本，依照以下四步來創(chuàng)建您的第一張網(wǎng)頁。
步驟一：啟動記事本
如何啟動記事本：
開始
????所有程序
????????附件
????????????記事本
步驟二：用記事本來編輯 HTML
在記事本中鍵入 HTML 代碼：
步驟三：保存 HTML
在記事本的文件菜單選擇“另存為”。
當(dāng)您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區(qū)別，完全根據(jù)您的喜好。
在一個容易記憶的文件夾中保存這個文件，比如 w3school。
步驟四：在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊您的 HTML 文件。
結(jié)果應(yīng)該類似這樣：
