HTML 的基本概念

發行項
10/12/2023

大部分的瀏覽器有檢查您所瀏覽網頁的 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。

另請參閱

MFC 網際網路程式設計基本概念

HTML 的基本概念

建立 HTML 檔案

另請參閱

意見反應

意見反應

其他資源