Chapter 04
HTML 基礎與頁面結構
HTML 負責網頁內容與結構。這一章會用語意清楚的標籤組出一個基本頁面。
核心觀念
HTML 不是拿來設計樣式的工具，它的任務是描述內容是什麼。標題用標題標籤，段落用段落標籤，導覽用 nav，主要內容用 main。
DOM Tree 視覺化概念
你可以把 HTML 想像成一棵倒長的樹（DOM Tree）。最外面是 <html>，裡面包著 <head> 和 <body>，而 <body> 裡面再包著標題、段落等。
這棵樹的結構非常重要，因為後續的 CSS 和 JavaScript 都是靠這個「層級關係」來找到對應的元素的。
常用標籤
header、nav、main、section、footerh1到h6、p、ul、li、a
Prompt 範例
請只使用 HTML，幫我建立一個語意清楚的學習筆記頁。內容包含頁首、導覽列、主要內容、三個學習目標、三則筆記卡片和頁尾。不要加入 CSS 和 JavaScript。範例檔案
本章範例在 examples/ch04-html-structure/。