學習 HTML ：指南與教學

學習途徑

理想上，你應該從學習 HTML 開始你的學習旅程。可以先從閱讀 HTML 介紹 開始。接下來你可以開始閱讀以下的進階主題：

• CSS 及如何使用它來美化 HTML （例如改變文字大小和字形、加上邊框與陰影、用多欄位[columns]來排版你的頁面、增加動畫和視覺效果……）
• JavaScript 及如何使用它來為網頁增加互動性的功能（例如將你的位置顯示在地圖上、點擊按鈕讓 UI 上的元素出現或消失、將用戶的一些資料存放在他們的電腦上……等等）

當你開始閱讀這主題時，你至少必須對使用電腦有基礎了解，以及會基本的上網（諸如網頁瀏覽、了解網頁內容）。而你需要建立一個已安裝基本軟體（詳細軟體請參閱安裝基本軟體）的基礎工作環境，並且了解如何建立與管理檔案（詳細請參閱檔案處理）——這些都包含在新手 Web 入門的章節裡。

建議你在開始學習 HTML 這個項目之前，可以先從網際網路開始瞭解是如何運作的。儘管知道網路的運作不是必要的；大部分的項目都在 HTML 基礎 的文章中 HTML 介紹這個章節更詳盡地介紹模組（module）、albeit。

模組

這主題包含了以下幾個單元, 你可以根據以下順序來閱讀他們。強烈推薦從第一個單元開始讀起。

HTML 介紹

這個單元為你提供一個平台，讓你熟悉重要的概念和語法、思考如何將 HTML 應用於文本、如何創建超連結以及使用 HTML 來構建網頁。

嵌入多媒體

本單元探索如何在你的網頁中使用 HTML 嵌入多媒體，包括置入圖片的各種方法，以及如何嵌入影片，音檔甚至其它網頁。

表格

以易於理解、無障礙的方式在網頁顯示表格數據可能是一個挑戰。此單元涵蓋基本的表格標記以及更複雜的功能，例如實行標題和摘要。

解決常見的 HTML 問題

利用 HTML 解決常見問題提供部分連結，這些內容解釋了在創建網頁時如何使用 HTML 解決常見的問題：標題、添加圖片或影片、強調內容、創建基本表單等等。

或許你還想看

網站表單

這篇指南提供一系列的文章，幫助你掌握 HTML 表單的基本知識。對於與使用者互動，網站表單是十分有力的工具，最常使用於用戶資料蒐集，或控制使用者介面。但由於一些歷史與技術上的因素，並沒有顯著的方法發揮表單的潛力。在下面的指引中，我們將介紹網站表單所有基本面向，包括標記他們的 HTML 結構、設定控制器樣式、資料驗證及將資料傳送至伺服器。

HTML

MDN 的 HTML 參考文件的主要入口，包括詳細的元素和屬性參考-例如，如果你想知道元素具有哪些屬性或屬性具有什麼值，那麼這是一個很好的起點。