使用 HTML 構建網頁
要構建網站,您應該瞭解 HTML — 定義網頁結構的基本技術。HTML 用於指定您的 Web 內容是否應被識別為段落、列表、標題、連結、影像、多媒體播放器、表單或許多其他可用元素,甚至是由您定義的新元素。
先決條件
在開始本主題之前,您應該至少對使用計算機和被動地使用 Web(即僅檢視它,消費內容)有一定的瞭解。您應該已設定了基本的工作環境,如 安裝基本軟體 中所述,並瞭解如何建立和管理檔案,如 處理檔案 中所述 — 兩者都是我們 Web 入門 完全初學者模組的一部分。
建議您在嘗試本主題之前先完成 Web 入門。但是,這不是絕對必要的;HTML 基礎 文章中涵蓋的大部分內容也在我們的 HTML 簡介 模組中進行了介紹,儘管詳細程度要高得多。
學習 HTML 後,您可以繼續學習更高階的主題,例如
- CSS,以及如何使用它來設定 HTML 的樣式(例如,更改文字大小和使用的字型、新增邊框和陰影、使用多列布局頁面、新增動畫和其他視覺效果)。
- JavaScript,以及如何使用它向網頁新增動態功能(例如,查詢您的位置並在地圖上繪製它、在您切換按鈕時使 UI 元素顯示/消失、在使用者的計算機上本地儲存使用者資料等等)。
模組
解決常見的 HTML 問題
使用 HTML 解決常見問題 提供了指向內容部分的連結,這些內容解釋瞭如何使用 HTML 解決建立網頁時非常常見的問題:處理標題、新增影像或影片、強調內容、建立基本表單等。
另請參閱
- Web 表單
-
本模組提供了一系列文章,可幫助您掌握 Web 表單的基本知識。Web 表單是與使用者互動的強大工具 — 通常用於從使用者那裡收集資料,或允許他們控制使用者介面。但是,由於歷史和技術原因,並不總是清楚如何充分利用它們。我們將涵蓋 Web 表單的所有基本方面,包括標記其 HTML 結構、設定表單控制元件的樣式、驗證表單資料以及將資料提交到伺服器。
- MDN 上的 HTML(超文字標記語言)
-
MDN 上 HTML 參考文件的主要入口點,包括詳細的元素和屬性參考 — 例如,如果您想知道某個元素具有哪些屬性或某個屬性具有哪些值,這是一個很好的起點。