可以使用專業(yè)的 HTML 編輯器來編輯 HTML,菜鳥教程為大家推薦幾款常用的編輯器:
Microsoft Visual Studio:http://www.visualstudio.com
Notepad++:https://notepad-plus-plus.org/
Sublime Text:http://www.sublimetext.com/
HBuilder:http://www.dcloud.io/
Adobe Dreamweaver
你可以從以上軟件的官網(wǎng)中下載對應(yīng)的軟件,按步驟安裝即可。
接下來我們將為大家演示如何使用Notepad++工具來創(chuàng)建 HTML 文件,其他兩個工具操作步驟類似。
Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8技術(shù))。
在 Notepad++ 安裝完成后,選擇" 文件(F)->新建(N) ",在新建的文件中輸入以下代碼:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>365教程(theartemis.cn)</title>
</head>
<body>
<h1>我的第一個標(biāo)題</h1>
<p>我的第一個段落。</p>
</body>
</html>
然后選擇" 文件(F)->另存為(A) ",文件名為 runoob.html:
當(dāng)您保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒有區(qū)別,完全根據(jù)您的喜好。
在一個容易記憶的文件夾中保存這個文件,比如 runoob
啟動您的瀏覽器,然后選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,
運(yùn)行顯示結(jié)果類似如下:
Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答!! 點(diǎn)擊進(jìn)入論壇