鐵人檔案
是一場把前端學習化為奇幻冒險的挑戰紀錄。每天的程式錯誤都像潛伏的惡靈，透過不斷練習 HTML、CSS、JavaScript 等技能，就像鍛造魔法道具與煉金法術，一步步驅逐 Bug。文章風格不只是技術筆記，而是結合故事感與實戰心得，讓學習過程更有趣、更有畫面感。這不僅是前端技能的整理，也是成長旅程的冒險日誌，陪伴自己從新手到能揮舞驅魔杖的開發者，見證「寫程式其實也能很中二」的快樂過程。
學習目標 了解 HTML5 提供的表單驗證屬性 熟悉 required、min、max、maxlength、pattern 等屬性 學會為輸入框加上提示文字與...
學習目標 學會使用 <img>、<audio>、<video> 理解屬性：controls、autoplay、loop、...
學習目標 理解 <iframe> 的用途與限制 學會嵌入其他網站內容（如 Google Map、YouTube） 認識 width、height、...
學習目標 認識 HTML5 語意化標籤 熟悉 <header>、<nav>、<main>、<article>、...
學習目標 認識 HTML5 新增的表單屬性 熟悉 placeholder、required、readonly、disabled、autocomplete 學...
學習目標 學會使用 <datalist> 提供輸入建議 理解 <progress> 與 <meter> 的用途與差異 認識...
學習目標 學會表格的進階結構 理解 rowspan 與 colspan 的用法 熟悉 <caption>、<thead>、<tb...
學習目標 理解 CSS 的三種引入方式：行內樣式、內部樣式、外部樣式 學會使用選擇器鎖定元素 熟悉顏色的表示法（名稱、HEX、RGB、HSL） 認識文字相關屬...
學習目標 理解 CSS 盒模型（Box Model）的四個層次：content、padding、border、margin 學會設定元素的大小與間距 認識 b...
學習目標 認識 CSS 顏色的不同表示方式（色名、十六進位、RGB、HSL） 學會調整文字與背景顏色，確保對比度與可讀性 掌握 background-imag...
