大部分的瀏覽器都能夠檢查您所瀏覽頁面的 HTML 來源。 當您檢視來源時，您會看到一些 HTML（超文字標記語言）標籤，這些標籤由角括弧（<>）所圍繞，並和文本交錯顯示。
下列步驟會使用 HTML 標籤來建置簡單的網頁。 在以下步驟中，您會在記事本的檔案中輸入純文本，進行一些變更，儲存檔案，然後在瀏覽器中重新載入頁面，以查看這些變更。
建立 HTML 檔案
開啟 [記事本] 或任何純文本編輯器。
從 [ 檔案] 功能表中，選擇 [ 新增]。
輸入下列幾行：
<HTML> <HEAD> <TITLE>Top HTML Tags</TITLE> </HEAD> </HTML>從 [ 檔案 ] 選單中，選擇 [ 儲存]，並將檔案儲存為 c：\webpages\First.htm。 讓檔案在編輯器中保持開啟。
切換至瀏覽器，然後從 [ 檔案 ] 功能表選擇 [ 開啟]，或在瀏覽器的 URL 編輯方塊中輸入 file://C:/webpages/first.htm 。 您應該會看到一個空白頁面，其中包含窗口標題為 “Top HTML Tags”。
請注意，標籤是成對的，並包含在尖括號中。 標記不區分大小寫，但大寫通常用來讓標記脫穎而出。
標記 <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< 標記。
這應該會讓你開始。 如果您在網頁上看到絕佳的功能，您可以藉由檢查 HTML 來源來瞭解其建立方式。 Microsoft Front Page 等 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） 規格：
最新發行的 HTML 版本 位於 W3C.org。