一、HTML 編輯器推薦
可以使用專業(yè)的 HTML 編輯器來編輯 HTML,為大家推薦幾款常用的編輯器:
VS Code
Sublime Text
*可以從以上軟件的官網(wǎng)中下載對應(yīng)的軟件,按步驟安裝即可。
接下來演示如何使用 VS Code 工具來創(chuàng)建 HTML 文件。
VS Code--
Visual Studio Code(簡稱 VS Code)是一個由微軟開發(fā),同時支持 Windows 、 Linux 和 macOS 等操作系統(tǒng)且開放源代碼的代碼編輯器,編輯器中內(nèi)置了擴(kuò)展程序管理的功能。
步驟 1: 新建 HTML 文件
在 VS Code 安裝完成后,選擇" 文件(F)->新建文件(N) ",在新建的文件中輸入以下代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
<h1>我的第一個標(biāo)題</h1>
<p>我的第一個段落。</p>
</body>
</html>
步驟 2: 另存為 HTML 文件
然后選擇" 文件(F)->另存為(A) ",文件名為 name.html
*當(dāng)保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒有區(qū)別,完全根據(jù)您的喜好,一般建議統(tǒng)一用 .html。
步驟 3: 在瀏覽器中運(yùn)行這個 HTML 文件
然后鼠標(biāo)右擊編輯器上的文件名,選擇在默認(rèn)瀏覽器打開(可以用任意瀏覽器)
*vscode 中使用瀏覽器打開 html 文件需要 安裝 "open in browser" 擴(kuò)展。
*VS Code 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。
(以上內(nèi)容均不是廣告,有興趣的朋友完全可以免費(fèi)下載個人版,其中某些插件或腳本完全開源?。。。?/p>