1. 教程
  2. HTML 教程
  3. HTML 入門

HTML 入門

Created: October-16, 2018

HTML 檔案只是一個以 .html 或 .htm 副檔名儲存的文字檔案（即與.txt 副檔名相對）。

入門

在這裡，你將瞭解建立 HTML 文件（即網頁）是多麼容易。要開始編碼 HTML，你只需要兩個東西：簡單文字編輯器和 Web 瀏覽器。

好吧，讓我們直接進入它。

建立你的第一個 HTML 文件

讓我們來完成以下步驟。在本教程結束時，你將建立一個 HTML 檔案，在 Web 瀏覽器中顯示“Hello world”訊息。

第 1 步：建立 HTML 檔案

開啟計算機的純文字編輯器並建立一個新檔案。

提示： 我們建議你僅使用最簡單的文字編輯器，如記事本（在 Windows 下），TextEdit（在 Mac 上）。一旦理解了基本原理，就可以切換到更高階的工具，例如 Dreamweaver。

第 2 步：輸入一些 HTML 程式碼

從空視窗開始，然後鍵入以下程式碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>A simple HTML document</title>
</head>
<body>
    <p>Hello World!<p>
</body>
</html>

第 3 步：儲存檔案

現在將檔案儲存為桌面上的 myfirstpage.html。

**注意：**指定 .html 副檔名很重要 - 某些文字編輯器（如記事本）將自動另存為 .txt 。

在瀏覽器中開啟檔案。導航到你的檔案，然後雙擊它。它將在你的預設 Web 瀏覽器中開啟。 （如果沒有，請開啟瀏覽器並將檔案拖到它上面。）

程式碼說明

你可能會想到該程式碼的全部內容。好的，讓我們直接進入它。

  • DOCTYPE 宣告 - 一行定義 HTML5 文件型別。
  • 宣告性標題部分（由 HEAD 元素包含） - 提供有關文件的資訊，包括標題，樣式資訊和指令碼。
  • 文件正文（由 BODY 元素包圍） - 包含在 Web 瀏覽器中呈現並顯示給使用者的文件的實際內容。

你將在接下來的課程中瞭解 HTML 文件的各種元素。我們建議你嘗試一下你在這裡學到的一切。

HTML 標籤和元素

HTML 以 HTML 元素的形式編寫，包含標記標記。這些標記標記是 HTML 的基本特徵。每個標記標籤由一個關鍵字，由尖括號括起，如 <html> ， <head> ， <body> ， <title> ，等。

HTML 標籤通常都成對出現比如 <html> 和 </html> 。一對中的第一個標記通常稱為開始標記（或開始標記），第二個標記稱為結束標記（或結束標記）。

開始標記和結束標記是相同的，除了在結束標記的開始尖括號之後的斜槓（/） 之外，告訴瀏覽器該命令已經完成。在這些標籤之間，你可以新增標題，文字段落，表格，表格，影象，視訊等。例如，由 p 元素表示的段落將寫為：

<p>This is a paragraph.</p>

你將在下一章中瞭解有關 HTML 元素的 更多資訊。