歡迎使用 Learn HTML!

這個適合網頁程式開發人員的 HTML 課程為開發人員提供全方位的總覽,從新手到專家程度的 HTML 都能得心應手。

歡迎使用 HTML!超文本標記語言 (或稱 HTML) 是網路的骨幹,提供內容及網頁瀏覽器中的內容結構。

除非你閱讀的是 PDF 或紙本,否則這些內容是由各種 HTML 元素和文字組成。HTML 是網路的內容層。HTML 元素是構成文件物件模型的節點。

階層式樣式試算表:提供頁面的外觀和風格或簡報圖層。JavaScript 是行為層,通常用來操控文件中的物件。以 JavaScript 架構建立的網站基本上就是操控 HTML。因此,請務必以指令碼能夠輕鬆剖析,且輔助技術易於理解的方式標記您的 HTML。也就是說,請使用新型標準編寫 HTML 程式碼。

總覽

這個適合網頁程式開發人員的 HTML 課程針對開發人員提供全方位的總覽,從新手到專家的 HTML 都能一應俱全。如果您是第一次使用 HTML,您將學到如何建構結構音效的內容。如果您已多年來架設網站,這堂課程可能會填補原本不知道的知識。

在過程中,我們將打造 MachineLearningWorkshop.com 的架構。製作這個系列影片時,沒有任何機器能受到傷害。

這不是完整的參考資料,各節會介紹各節主題的簡要說明和範例,讓你有機會進一步探索。這個頁面會提供主題參考資料 (例如 MDNWHATWG 規格) 以及其他 web.dev 文章的連結。雖然這不是無障礙課程,但每個章節都會提供無障礙功能最佳做法和具體問題,並附上深入探討相關主題的連結。每個部分都有簡短的評量,可協助使用者確認自己的理解程度。

課程內容如下:

HTML 總覽

簡單介紹 HTML 的主要概念。

文件結構

瞭解如何透過穩固的基礎建構 HTML 文件。

Metadata

如何使用中繼標記提供文件相關資訊。

語意 HTML

使用正確的 HTML 元素來說明您的文件內容。

標題和區段

如何正確使用區塊元素,為內容傳達意義。

Attributes

瞭解不同的全域屬性以及特定 HTML 元素特有的屬性。

文字基本概念

如何使用 HTML 設定文字格式。

有關連結的所有須知。

清單

清單和其他內容分類方式。

導覽是任何應用程式網站的重要元素,以 HTML 開頭。

資料表

瞭解如何使用資料表標記表格資料。

表單

HTML 中的表單總覽。

圖片

HTML 中的圖片總覽。

音訊和影片

瞭解如何使用音訊和影片等 HTML 媒體。

範本、版位和陰影

範本、版位和陰影的說明。

HTML API

瞭解如何使用 JavaScript 公開及操控 HTML 資訊。

對焦

如何管理 HTML 文件中的焦點順序。

其他內嵌文字元素

說明標記文字的元素範圍。

詳細資料與摘要

探索實用的詳細資料和摘要元素的運作方式,以及使用位置。

對話方塊

<dialog> 元素是一種實用元素,可在 HTML 中代表任何對話方塊,瞭解運作方式。

結論和後續步驟

總結重點。

準備好學習 HTML 了嗎?開始使用