歡迎使用 Learn HTML!

這門網頁開發人員專用的 HTML 課程,可為開發人員提供完整的總覽,從 HTML 新手到專家皆適用。

歡迎使用 HTML!超文本標記語言 (HTML) 是網路的基礎,提供網頁瀏覽器顯示的內容和內容結構。

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

CSS 可提供網頁的外觀和風格,或呈現層。JavaScript 是行為層,通常用於操作文件中的物件。使用 JavaScript 架構建構的網站其實只是在操控 HTML。因此,請務必以可供指令碼輕鬆剖析及輔助技術輕鬆理解的方式標記 HTML。也就是說,您必須使用最新標準編寫 HTML 程式碼。

總覽

這門 HTML 課程專為網頁開發人員設計,可為開發人員提供完整的 HTML 總覽,從初學者到專家級皆適用。如果您是 HTML 新手,可以學習如何建立結構完整的內容。如果你已經建構網站多年,這門課程可能會填補你未察覺的知識空白。

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

此處僅列舉部分參考資料。每個部分都會簡要說明主題內容,並提供相關範例,讓您進一步瞭解。我們會提供主題參考資料的連結,例如 MDNWHATWG 規格,以及其他 web.dev 文章。雖然這不是無障礙課程,但每個部分都會介紹無障礙功能最佳做法和特定問題,並提供深入探討該主題的連結。每個單元都會提供簡短的評估,協助學員確認自己的理解程度。

以下是您將學習的內容:

HTML 簡介

簡介 HTML 中的關鍵概念。

文件結構

瞭解如何以穩固的基礎建立 HTML 文件。

中繼資料

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

語意式 HTML

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

標題和章節

如何正確使用區隔元素,為內容賦予意義。

屬性

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

文字基本知識

如何使用 HTML 格式化文字。

瞭解連結的相關資訊。

清單

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

導覽是任何應用程式網站的重要元素,而且是以 HTML 為基礎。

資料表

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

表單

HTML 表單總覽。

圖片

HTML 中的圖片總覽。

音訊和視訊

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

範本、插槽和陰影

範本、投放區和陰影的說明。

HTML API

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

對焦

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

其他內嵌文字元素

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

詳細資料和摘要

瞭解詳細資料和摘要元素的運作方式,以及使用這些元素的位置。

對話

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

結論與後續步驟

最後提供一些其他資源。

那麼,您準備好學習 HTML 了嗎?讓我們開始吧