HTML 的基本概念
大部分的瀏覽器有檢查您所瀏覽網頁的 HTML 原始檔的功能。 當您檢視來源時，您會看到一些 HTML（超文字標記語言）標籤，周圍有角括弧（ <> ），插入文字。
下方的步驟使用 HTML 標記建立簡單的 Web 網頁。 在下列步驟中，您將在 [記事本] 本中輸入純文字到檔案中，進行一些變更，儲存檔案，並重新將網頁載入至瀏覽器中，以查看您的變更。
建立 HTML 檔案
開啟 [記事本] 或任何純文字編輯器。
從 [ 檔案] 功能表中，選擇 [ 新增 ]。
輸入下列各行：
<HTML> <HEAD> <TITLE>Top HTML Tags</TITLE> </HEAD> </HTML>從 [ 檔案 ] 功能表中，選擇 [ 儲存 ]，並將檔案儲存為 c：\網頁\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 原始碼來了解其建立的方式。 HTML 編輯器 (如 Microsoft Front Page) 可用來建立簡單和進階的頁面。
以下是您建立的完整 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。