HTML 教程-(HTML5 標準)第一節 編輯器

HTML 教程-(HTML5 標準)第一節 編輯器

HTML 教程-(HTML5 標準)第一節 編輯器



可以使用專業的 HTML 編輯器來編輯 HTML,菜鳥教程為大家推薦幾款常用的編輯器:

  • Notepad++:https://notepad-plus-plus.org/
  • Sublime Text:http://www.sublimetext.com/
  • VS Code:https://code.visualstudio.com/

你可以從以上軟件的官網中下載對應的軟件,按步驟安裝即可。

接下來我們將為大家演示如何使用Notepad++工具來創建 HTML 文件,其他兩個工具操作步驟類似。


Notepad++

Notepad++是 Windows操作系統下的一套文本編輯器(軟件版權許可證: GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。

步驟 1: 新建 HTML 文件

在 Notepad++ 安裝完成後,選擇" 文件(F)->新建(N) ",在新建的文件中輸入以下代碼:


<title>菜鳥教程(runoob.com)/<title>

我的第一個標題

我的第一個段落。


HTML 教程-(HTML5 標準)第一節 編輯器

步驟 2: 另存為 HTML 文件

然後選擇" 文件(F)->另存為(A) ",文件名為 runoob.html:

HTML 教程-(HTML5 標準)第一節 編輯器

當您保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區別,完全根據您的喜好。

在一個容易記憶的文件夾中保存這個文件,比如 runoob

步驟 3: 在瀏覽器中運行這個 HTML 文件

啟動您的瀏覽器,然後選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,

運行顯示結果類似如下:

HTML 教程-(HTML5 標準)第一節 編輯器

Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。

Emmet 官網:http://emmet.io/


每一種操作系統都帶有簡單的文本編輯器:

  • Windows 用戶可以使用記事本;
  • Linux 用戶可以選擇幾種不同的文本編輯器,如 vi、vim 或者 emacs ;
  • Mac 用戶可以使用 OS X 預裝的 TextEdit。

今天先寫到這裡 大家有什麼疑問可以評論去回覆我們。


分享到:


相關文章: