歡迎使用 Learn HTML!

這門網頁開發人員適用的 HTML 課程,可為開發人員提供紮實的概觀,從新手到專家級 HTML 都有。

超文本標記語言 (HTML) 是網頁的骨幹,提供您在網頁瀏覽器中看到的內容和內容結構。

除非您正在閱讀 PDF 或本網頁的列印版本,否則這項內容是由各種 HTML 元素和文字組成。HTML 是網頁的內容層。 HTML 元素是構成文件物件模型的節點。

階層式樣式表可提供網頁的外觀和風格,或呈現層。JavaScript 是行為層,通常用於操控文件中的物件。使用 JavaScript 架構建構的網站實際上只是在操控 HTML。因此,請務必以利於指令碼剖析及輔助技術解讀的方式標記 HTML。

也就是說,您必須使用現代標準撰寫 HTML 程式碼。

學習內容

這門網頁開發人員適用的 HTML 課程,可為初學者到專家級的 HTML 開發人員提供紮實的概覽。如果您是 HTML 新手,將可瞭解如何建構結構健全的內容。如果您已建構網站多年,這門課程或許能填補您不曾注意到的知識缺口。

在過程中,我們會建構 MachineLearningWorkshop.com 的結構。MachineLearningWorkshop.com本系列課程的製作過程不會對任何機器造成損害。

這份清單僅列舉部分網址。每個部分都會簡要說明主題並提供範例,讓您有機會進一步探索。其中包含主題參考資料的連結,例如 MDNWHATWG 規格,以及其他 web.dev 文章。雖然這不是無障礙功能課程,但每個章節都會介紹無障礙功能最佳做法和特定問題,並提供相關主題的深入探討連結。每個章節都有簡短的評估,可協助使用者確認瞭解程度。

您將學到:

HTML 總覽

簡要介紹 HTML 的重要概念。

文件結構

瞭解如何奠定穩固的基礎,建構 HTML 文件結構。

中繼資料

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

語意式 HTML

使用正確的 HTML 元素描述文件內容。

標題和章節

如何正確使用分節元素,賦予內容意義。

屬性

瞭解各種全域屬性,以及特定 HTML 元素的專屬屬性。

文字基本概念

如何使用 HTML 格式化文字。

連結相關須知。

清單

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

導覽是網站或應用程式的重要元素,而這一切都從 HTML 開始。

資料表

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

表單

HTML 表單總覽。

圖片

HTML 中的圖片總覽。

音訊和視訊

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

範本、插槽和陰影

範本、插槽和陰影的說明。

HTML API

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

對焦

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

其他內嵌文字元素

簡介用於標記文字的元素範圍。

詳細資料和摘要

瞭解實用的詳細資料和摘要元素運作方式,以及使用時機。

對話方塊

<dialog> 元素是實用的元素,可用於在 HTML 中表示任何類型的對話方塊,請瞭解其運作方式。

結論與後續步驟

最後,我們提供一些其他資源。

準備好學習 HTML 嗎?立即開始