系列文章
Day 11 - 表單驗證與使用者體驗
學習目標 了解 HTML5 提供的表單驗證屬性 熟悉 required、min、max、maxlength、pattern 等屬性 學會為輸入框加上提示文字與...
Day 12 - 多媒體元素的魔法
學習目標 學會使用 <img>、<audio>、<video> 理解屬性：controls、autoplay、loop、...
Day 13 - iframe 與嵌入內容的魔法
學習目標 理解 <iframe> 的用途與限制 學會嵌入其他網站內容（如 Google Map、YouTube） 認識 width、height、...
Day 14 - 語意化標籤的魔法
學習目標 認識 HTML5 語意化標籤 熟悉 <header>、<nav>、<main>、<article>、...
Day 15 - 表單進階屬性的魔法
學習目標 認識 HTML5 新增的表單屬性 熟悉 placeholder、required、readonly、disabled、autocomplete 學...
Day 16 - 表單進一步互動的魔法
學習目標 學會使用 <datalist> 提供輸入建議 理解 <progress> 與 <meter> 的用途與差異 認識...
Day 17 - 表格進階與合併的魔法
學習目標 學會表格的進階結構 理解 rowspan 與 colspan 的用法 熟悉 <caption>、<thead>、<tb...
Day 18 - CSS 入門：顏色與文字樣式
學習目標 理解 CSS 的三種引入方式：行內樣式、內部樣式、外部樣式 學會使用選擇器鎖定元素 熟悉顏色的表示法（名稱、HEX、RGB、HSL） 認識文字相關屬...
Day 19 - CSS 盒模型的魔法
學習目標 理解 CSS 盒模型（Box Model）的四個層次：content、padding、border、margin 學會設定元素的大小與間距 認識 b...
Day 20 - CSS 顏色與背景
學習目標 認識 CSS 顏色的不同表示方式（色名、十六進位、RGB、HSL） 學會調整文字與背景顏色，確保對比度與可讀性 掌握 background-imag...