HTML 編輯器推薦
可以使用專業的 HTML 編輯器來編輯 HTML,菜鳥教程為大家推薦幾款常用的編輯器:
Notepad++:https://notepad-plus-plus.org/
Sublime Text:http://www.sublimetext.com/
HBuilder:http://www.dcloud.io/
你可以從以上軟件的官網中下載對應的軟件,按步驟安裝即可。
接下來我們將為大家演示如何使用Notepad++工具來創建 HTML 文件,其他兩個工具操作步驟類似。
Notepad++
Notepad++是 Windows操作系統下的一套文本編輯器(軟件版權許可證: GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。
步驟 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 擴展名。兩者沒有區別,完全根據您的喜好。
在一個容易記憶的文件夾中保存這個文件,比如 runoob
步驟 3: 在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器,然后選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,
運行顯示結果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
Emmet 官網:http://emmet.io/
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
我們可以使用 HTML 編輯器來編輯 HTML:比如 Dreamweaver(DW)和editplus(小紅本 )編輯器雖然好用但還是建議一開始使用文本編輯器來學習 HTML,簡稱記事本(就是創建 一個txt文本文件)如下圖:
文本文件
通過記事本,依照以下五步來創建您的第一張網頁。
3.在body標簽里邊輸入內容
4.然后把寫完的代碼保存之后找到文件把txt的后綴名改成.html
上面的頁面就是代碼的效果圖
下個文章講解用editplus開發網頁
以上就是文章的全部內容了,有什么不懂的可以評論或者私信告訴我,喜歡的話可以點個贊和關注,每天持續更新。
TML 編輯器推薦
可以使用專業的 HTML 編輯器來編輯 HTML,菜鳥教程為大家推薦幾款常用的編輯器:
你可以從以上軟件的官網中下載對應的軟件,按步驟安裝即可。
接下來我們將為大家演示如何使用Notepad++工具來創建 HTML 文件,其他兩個工具操作步驟類似。
Notepad++
Notepad++是 Windows操作系統下的一套文本編輯器(軟件版權許可證: GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。
步驟 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 擴展名。兩者沒有區別,完全根據您的喜好。
在一個容易記憶的文件夾中保存這個文件,比如 runoob
步驟 3: 在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器,然后選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,
運行顯示結果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。Emmet 官網:http://emmet.io/
*請認真填寫需求信息,我們會在24小時內與您取得聯系。