整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
HTML 編輯器推薦
可以使用專業(yè)的 HTML 編輯器來編輯 HTML，菜鳥教程為大家推薦幾款常用的編輯器：
Notepad++：https://notepad-plus-plus.org/
Sublime Text：http://www.sublimetext.com/
HBuilder：http://www.dcloud.io/
你可以從以上軟件的官網(wǎng)中下載對應的軟件，按步驟安裝即可。
接下來我們將為大家演示如何使用Notepad++工具來創(chuàng)建 HTML 文件，其他兩個工具操作步驟類似。
Notepad++
Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8技術(shù))。
步驟 1: 新建 HTML 文件
在 Notepad++ 安裝完成后，選擇" 文件(F)->新建(N) "，在新建的文件中輸入以下代碼：
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>
步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) "，文件名為 runoob.html:
當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區(qū)別，完全根據(jù)您的喜好。
在一個容易記憶的文件夾中保存這個文件，比如 runoob
步驟 3: 在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇"文件"菜單的"打開文件"命令，或者直接在文件夾中雙擊您的 HTML 文件,
運行顯示結(jié)果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
Emmet 官網(wǎng)：http://emmet.io/
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
我們可以使用 HTML 編輯器來編輯 HTML：比如 Dreamweaver（DW）和editplus（小紅本 ）編輯器雖然好用但還是建議一開始使用文本編輯器來學習 HTML，簡稱記事本（就是創(chuàng)建 一個txt文本文件）如下圖：
文本文件
通過記事本，依照以下五步來創(chuàng)建您的第一張網(wǎng)頁。
3.在body標簽里邊輸入內(nèi)容
4.然后把寫完的代碼保存之后找到文件把txt的后綴名改成.html
上面的頁面就是代碼的效果圖
下個文章講解用editplus開發(fā)網(wǎng)頁
以上就是文章的全部內(nèi)容了，有什么不懂的可以評論或者私信告訴我，喜歡的話可以點個贊和關(guān)注，每天持續(xù)更新。
TML 編輯器推薦
可以使用專業(yè)的 HTML 編輯器來編輯 HTML，菜鳥教程為大家推薦幾款常用的編輯器：
你可以從以上軟件的官網(wǎ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>菜鳥教程(runoob.com)</title></head><body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body></html>
步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) "，文件名為 runoob.html:
當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區(qū)別，完全根據(jù)您的喜好。
在一個容易記憶的文件夾中保存這個文件，比如 runoob
步驟 3: 在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇"文件"菜單的"打開文件"命令，或者直接在文件夾中雙擊您的 HTML 文件,
運行顯示結(jié)果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。Emmet 官網(wǎng)：http://emmet.io/
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
