HTML 簡介

HTML 的核心是一種由元素組成的語言，這些元素可以應用於文字片段，以賦予它們在文件中的不同含義（是段落嗎？是專案符號列表嗎？是表格的一部分嗎？），將文件結構化為邏輯部分（它有標題嗎？三列內容？導航選單？），並將影像和影片等內容嵌入到頁面中。本模組將介紹其中的前兩個，並介紹您需要了解的理解 HTML 的基本概念和語法。

先決條件

在開始本模組之前，您不需要任何先前的 HTML 知識，但您應該至少對使用計算機以及被動地使用網路（即只檢視它並消費內容）有一定的瞭解。您應該設定好基本的工作環境（如 安裝基本軟體 中所述），並瞭解如何建立和管理檔案（如 處理檔案 中所述）。這兩部分都是我們Web 入門完整初學者模組的一部分。

注意：如果您在無法建立自己檔案的計算機/平板電腦/其他裝置上工作，您可以嘗試在線上編碼程式（如 JSBin 或 Glitch）中嘗試（大多數）程式碼示例。

指南

本模組包含以下文章，它們將引導您完成 HTML 的所有基本理論，併為您提供充分的機會來測試一些技能。

HTML 入門

涵蓋 HTML 的絕對基礎知識，幫助您入門——我們定義元素、屬性和其他重要術語，並展示它們在語言中的位置。我們還展示了典型的 HTML 頁面是如何構建的以及 HTML 元素是如何構建的，並解釋了其他重要的基本語言特性。在此過程中，我們將使用一些 HTML 來激發您的興趣！

頭部有什麼？HTML 中的元資料

HTML 文件的頭部 是在頁面載入時不會顯示在 Web 瀏覽器中的部分。它包含諸如頁面<title>、CSS 連結（如果您想使用 CSS 樣式化 HTML 內容）、自定義網站圖示連結以及元資料（有關 HTML 的資料，例如誰編寫了它以及描述文件的重要關鍵字）等資訊。

HTML 文字基礎

HTML 的主要工作之一是賦予文字意義（也稱為語義），以便瀏覽器知道如何正確顯示它。本文介紹瞭如何使用 HTML 將文字塊分解為標題和段落結構，為單詞新增強調/重要性，建立列表等等。

超連結非常重要——它們使 Web 成為一個網路。本文展示了建立連結所需的語法，並討論了連結的最佳實踐。

高階文字格式化

HTML 中還有許多其他用於格式化文字的元素，我們在HTML 文字基礎知識一文中沒有提到。這裡的元素不太為人所知，但仍然值得了解。在這篇文章中，您將學習有關標記引文、描述列表、計算機程式碼和其他相關文字、下標和上標、聯絡資訊等的知識。

文件和網站結構

除了定義頁面各個部分（例如“一段話”或“一張圖片”)，HTML 也用於定義網站的各個區域（例如“頁首”，“導航選單”或“主要內容欄”)。本文探討了如何規劃基本網站結構以及如何編寫 HTML 來表示這種結構。

除錯 HTML

編寫 HTML 很好，但如果出現錯誤，您無法找出程式碼中的錯誤在哪裡呢？本文將向您介紹一些可以提供幫助的工具。

評估

以下評估將測試您對上述指南中涵蓋的 HTML 基礎知識的理解。

標記一封信

我們遲早都會學會寫信；它也是測試文字格式技能的有用示例。在本評估中，您將收到一封信來進行標記。

結構化一頁內容

本評估測試您使用 HTML 結構化包含頁首、頁尾、導航選單、主要內容和側邊欄的簡單內容頁面的能力。

另請參閱

學習 HTML 和 CSS MDN 課程合作伙伴

Scrimba 的 學習 HTML 和 CSS 課程透過構建和部署五個很棒的專案來教授您 HTML 和 CSS，並提供由知識淵博的老師教授的有趣的互動課程和挑戰。