HTML 的基本概念
大部分的瀏覽器必須檢查您瀏覽的網頁的 HTML 原始檔的能力。當您檢視將會看到一些 HTML (超文字標記語言) 標籤的來源時，以文字間穿插的角括弧 (< >) 括住。
下列步驟會使用 HTML 標籤來建置簡單的 Web 網頁。按照這些步驟，將在 「 記事本 」 中的檔案輸入純文字、 做一些變更、 儲存檔案，並重新載入網頁，在瀏覽器來查看變更。
若要建立 HTML 檔
開啟記事本或任何純文字編輯器。
從檔案 ] 功能表中，選擇 New。
輸入下列命令列：
<HTML> <HEAD> <TITLE>Top HTML Tags</TITLE> </HEAD> </HTML>從檔案 ] 功能表中，選擇 儲存，並將檔案儲存為 c:\webpages\First.htm。將檔案保留在編輯器中開啟。
切換到您的瀏覽器，並從檔案 ] 功能表中，選擇 開啟，或型別file://C:/webpages/first.htm在瀏覽器的 [URL] 編輯方塊。您應該會看到空白網頁而且視窗的標題 「 頂端 HTML 標籤 」。
請注意標記成對出現，而且會包含在角括弧中。標記沒有區分大小寫，但大小寫通常用來製作引人注目的標籤。
標記 <HTML> 啟動文件和標記 </HTML> 標記做為結尾。結束標籤 (不是絕對必要) 與開始標記中，相同，但有正斜線 (/) 標記的前面。應該要有角括號 (<) 與開頭的索引標籤之間沒有空格。
切換回記事本，前後 </HEAD> 列類型:
<BODY> HTML is swell. Life is good. </BODY>從檔案 ] 功能表中，選擇 儲存。
切換回您的瀏覽器，然後重新整理頁面。
文字會出現在您的瀏覽器視窗的用戶端區域。請注意您換行字元會被忽略。如果您希望自己能夠自動換行，則必須包含<BR>後的第一行的標記。
所有步驟中，而插入 <BODY> 之間的任何一處的文字 和 </BODY> 若要新增至您的文件的本文。
加入標頭：
<H3>Here's the big picture</H3>新增圖像，請使用儲存在與網頁相同的目錄中的.gif 檔：
<IMG src="yourfile.gif">加入一個清單：
<UL>Make me an unordered list. <LI>One programmer</LI> <LI>Ten SDKs</LI> <LI>Great Internet Apps</LI> </UL>若要將清單編號，請使用成對的 <OL> 和 </OL> 標記來取代 <UL> 和 </UL> 標記。
這應該可讓您快速入門。如果您在 Web 網頁上看到不錯的功能，您可以了解如何建立由檢視 HTML 原始碼。例如 Microsoft 標題頁的 HTML 編輯器可用來建立簡單與進階頁面。
以下是完整的 HTML 原始碼，您已建置的檔案：
<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>
標記、 屬性和擴充功能的完整說明，請參閱 「 超文字標記語言 (HTML) 規格：
http://www.w3.org/pub/WWW/MarkUp/