教你快速使用sublime Text3編寫HTML

下面由sublime教程欄目給大家介紹使用sublime text 3編寫html方法，希望對需要的朋友有所幫助！

1.下載并安裝sublime text 3.

2.打開Sublime Text 3界面。
?

3.按下Ctrl+N，新建頁面。

4. 按下Ctrl+S，另存為你所指定的文件名，使用.html后綴（后綴很重要，Sublime將會根據(jù)后綴判斷語言類型并幫你開啟相應的自動補全）。例如，文件名為test.html

5.輸入

立即學習“前端免費學習筆記（深入）”；

6.如圖，Sublime Text 3為我們自動生成了html頁面的框架，我們再不必費心費力地輸入大量起始內容了：

7.在

之間輸入網頁名稱，它就是瀏覽器標簽頁上的名稱。例如，輸入index.

8.在

和之間輸入?

9.不必關閉Sublime，直接使用任意一款流行的瀏覽器打開你的test.html文件;

?

瀏覽器當前標簽名即為你輸入的title:index，地址欄內容為你的html文件本地路徑。

Chapter 1為你剛剛輸入的二級標題。

?10.不要關閉瀏覽器，在Sublime中輸入

和

之間輸入Hello World Wide Web!后按下Ctrl+S保存文件。

11.刷新瀏覽器，可以看到html顯示內容發(fā)生了變化：（chrome瀏覽器中刷新操作為右鍵菜單單擊重新加載，或按下Ctrl+R）

?12.至此，使用Sublime編寫HTML的入門部分就完成了，還實現(xiàn)了編寫代碼的同時用瀏覽器立即手動追蹤顯示效果的變化。我們還可以使用win10中的分屏將Sublime與瀏覽器并列在一起，便于觀察。