最新的Web開發教程

HTML Editors


什麼是HTML編輯器?

HTML編輯器是用於編輯HTML,網頁的標記的計算機程序。 雖然網頁的HTML標記可以用任何文本編輯器來編寫,專門的HTML編輯器可以提供便利和附加功能。

例如,許多HTML編輯器不僅處理HTML,而且相關技術如CSS,XML和JavaScript或ECMAScript的。 在某些情況下,他們還可以管理通過FTP和WebDAV,以及版本控制系統,如顛覆或Git的遠程Web服務器之間的通信。

許多文字處理,即不是專門為網頁設計圖形設計和頁面佈局程序,如Microsoft Word或夸克的Xpress,也有用作HTML編輯器的能力。


寫HTML使用記事本或文本編輯

HTML可以通過使用專業的HTML編輯器等編輯:

  • 微軟WebMatrix
  • Sublime Text

然而,學習HTML,我們建議使用文本編輯器類似Notepad (PC)TextEdit (Mac)

我們相信,使用簡單的文本編輯器,是學習HTML的好辦法。

請按照以下4個步驟與創建第一個網頁Notepad


步驟1:打開Notepad (PC)

打開Notepad在Windows 8或更高版本:

打開開始屏幕 (the window symbol at the bottom left on your screen) 。 鍵入Notepad

打開Notepad在Windows 7或更早版本:

單擊開始 (bottom left on your screen) 。 單擊所有程序 。 單擊附件 。 點擊Notepad


步驟1:打開TextEdit (Mac)

打開TextEdit

請確保文本編輯器設置為純文本。 轉到:首選項>新建文檔>選擇純文本。

另外, 還要確保兩個"Display html file as html code""Display RTF file as RTF code"選項下勾選"Open and Save"

然後打開一個新的文檔放置代碼。


第2步:寫一些HTML

寫或一些HTML複製到記事本中。

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

記事本


第3步:保存HTML頁面

保存到計算機上的文件。

選擇文件>另存為在記事本菜單。

將文件命名為"index.html"或任何其他名稱與HTML或HTM結束。

UTF-8是HTML文件的編碼方式。

ANSI編碼涵蓋了US ,只有西歐字符。

瀏覽器查看

您可以使用.htm.html作為文件擴展名。 沒有區別,它是由你。


第4步:查看HTML頁面在瀏覽器

打開你喜歡的瀏覽器保存的HTML文件。 結果看起來就像這樣:

瀏覽器查看

要在瀏覽器中打開一個文件,在文件上雙擊或單擊鼠標右鍵,並選擇與開放。