HTML 編輯器
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) ",在新建的文件中輸入以下代碼:
< ! DOCTYPE html >
< html >
< head >
< meta charset = " utf-8 " >
< title > 本教程(w3big.com) </ title >
</ head >
< body >
< h1 > 我的第一個標題 </ h1 >
< p > 我的第一個段落。 </ p >
</ body >
</ html >
步驟2: 另存為HTML 文件
然後選擇" 文件(F)->另存為(A) ",文件名為w3big.html:
當您保存HTML 文件時,既可以使用.htm 也可以使用.html 擴展名。 兩者沒有區別,完全根據您的喜好。
在一個容易記憶的文件夾中保存這個文件,比如w3big
步驟3: 在瀏覽器中運行這個HTML 文件
啟動您的瀏覽器,然後選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的HTML 文件,
運行顯示結果類似如下:
Notepad++ 和Sublime Text 還可以配合Emmet 插件來提高編碼速度。
Emmet官網: http://emmet.io/