使用 HTML 構建網頁

要構建網站,您應該瞭解 HTML — 定義網頁結構的基本技術。HTML 用於指定您的 Web 內容是否應被識別為段落、列表、標題、連結、影像、多媒體播放器、表單或許多其他可用元素,甚至是由您定義的新元素。

先決條件

在開始本主題之前,您應該至少對使用計算機和被動地使用 Web(即僅檢視它,消費內容)有一定的瞭解。您應該已設定了基本的工作環境,如 安裝基本軟體 中所述,並瞭解如何建立和管理檔案,如 處理檔案 中所述 — 兩者都是我們 Web 入門 完全初學者模組的一部分。

建議您在嘗試本主題之前先完成 Web 入門。但是,這不是絕對必要的;HTML 基礎 文章中涵蓋的大部分內容也在我們的 HTML 簡介 模組中進行了介紹,儘管詳細程度要高得多。

學習 HTML 後,您可以繼續學習更高階的主題,例如

  • CSS,以及如何使用它來設定 HTML 的樣式(例如,更改文字大小和使用的字型、新增邊框和陰影、使用多列布局頁面、新增動畫和其他視覺效果)。
  • JavaScript,以及如何使用它向網頁新增動態功能(例如,查詢您的位置並在地圖上繪製它、在您切換按鈕時使 UI 元素顯示/消失、在使用者的計算機上本地儲存使用者資料等等)。

模組

本主題包含以下模組,建議按順序學習。您一定要從第一個開始。

HTML 簡介

本模組奠定了基礎,讓您習慣重要的概念和語法,瞭解如何將 HTML 應用於文字,如何建立超連結,以及如何使用 HTML 構建網頁。

多媒體和嵌入

本模組探討了如何使用 HTML 在網頁中包含多媒體,包括包含影像的不同方式,以及如何嵌入影片、音訊甚至整個其他網頁。

HTML 表格

以易於理解且 無障礙 的方式在網頁上表示表格資料可能是一個挑戰。本模組涵蓋了基本的表格標記,以及更復雜的功能,例如實現標題和摘要。

解決常見的 HTML 問題

使用 HTML 解決常見問題 提供了指向內容部分的連結,這些內容解釋瞭如何使用 HTML 解決建立網頁時非常常見的問題:處理標題、新增影像或影片、強調內容、建立基本表單等。

另請參閱

Web 表單

本模組提供了一系列文章,可幫助您掌握 Web 表單的基本知識。Web 表單是與使用者互動的強大工具 — 通常用於從使用者那裡收集資料,或允許他們控制使用者介面。但是,由於歷史和技術原因,並不總是清楚如何充分利用它們。我們將涵蓋 Web 表單的所有基本方面,包括標記其 HTML 結構、設定表單控制元件的樣式、驗證表單資料以及將資料提交到伺服器。

MDN 上的 HTML(超文字標記語言)

MDN 上 HTML 參考文件的主要入口點,包括詳細的元素和屬性參考 — 例如,如果您想知道某個元素具有哪些屬性或某個屬性具有哪些值,這是一個很好的起點。