Phát triển Web
HTML5, React, Angular, Next.js, Vite và các hướng dẫn, dự án phát triển frontend hiện đại.
HTML5 完整教學課程
歡迎來到 HTML5 完整教學課程！本課程將帶您從零開始，逐步掌握現代網頁開發的三大核心技術：HTML、CSS 和 JavaScript。
Đọc bài viết →HTML5 課程範例檔案
這個目錄包含所有課程中的 HTML 範例代碼，方便學生直接在瀏覽器中開啟查看效果。
Đọc bài viết →第 1 課：HTML 基礎介紹
理解什麼是 HTML 及其用途 認識 HTML 文件的基本結構 學會建立第一個 HTML 網頁 了解 HTML 標籤的基本概念
Đọc bài viết →第 2 課：文字標籤和格式化
掌握各種文字格式化標籤 了解語義化標籤的重要性 學會使用特殊字符和符號 能夠建立格式豐富的文字內容
Đọc bài viết →第 3 課：列表和連結
掌握三種列表類型的使用方法 學會建立巢狀列表 了解超連結的各種用法 掌握連結的不同目標和類型
Đọc bài viết →第 4 課：圖片和多媒體
學會在網頁中插入圖片 了解圖片的各種屬性和最佳實踐 掌握音訊和視訊的使用方法 認識響應式圖片技術
Đọc bài viết →第 5 課：表格
理解表格的結構和用途 學會建立基本表格 掌握表格的進階功能 了解表格的最佳實踐和無障礙設計
Đọc bài viết →第 6 課：表單基礎
理解表單的用途和基本結構 學會建立各種類型的輸入欄位 掌握表單控制元件的使用 了解表單的基本屬性
Đọc bài viết →第 7 課：表單進階
掌握表單驗證屬性 學會使用 HTML5 新增的輸入類型 了解表單元素的群組方式 掌握其他進階表單功能
Đọc bài viết →第 8 課：HTML5 語義化標籤
理解語義化標籤的重要性 掌握 HTML5 新增的結構性標籤 學會建立語義化的網頁結構 了解語義化標籤對 SEO 和無障礙的好處
Đọc bài viết →第 9 課：HTML5 新功能
了解 HTML5 引入的新功能 學會使用 Canvas 繪圖 認識 SVG 向量圖形 掌握本地儲存和其他 API
Đọc bài viết →第 10 課：CSS 基礎介紹
理解什麼是 CSS 及其用途 學會三種 CSS 引入方式 掌握 CSS 基本語法 了解 CSS 註解和常用屬性
Đọc bài viết →第 11 課：選擇器和特異性
掌握各種 CSS 選擇器 理解選擇器的特異性（優先權） 學會組合選擇器 了解偽類和偽元素
Đọc bài viết →第 12 課：盒模型和布局基礎
理解 CSS 盒模型的概念 掌握 margin、padding、border 的使用 學會控制元素的尺寸 了解 display 屬性的不同值
Đọc bài viết →第 13 課：文字和顏色樣式
掌握文字相關的 CSS 屬性 學會使用各種字體 了解顏色和漸層的應用 學會文字和盒子陰影效果
Đọc bài viết →第 14 課：Flexbox 布局
理解 Flexbox 的概念和優勢 掌握 Flex 容器和項目的屬性 學會使用 Flexbox 建立各種布局 解決常見的布局問題
Đọc bài viết →第 15 課：Grid 布局
理解 CSS Grid 的概念 掌握 Grid 容器和項目屬性 學會建立複雜的網格布局 了解 Grid vs Flexbox 的使用時機
Đọc bài viết →第 16 課：響應式設計
理解響應式設計的概念和重要性 掌握 Media Queries 的使用 學會響應式布局技巧 了解 Mobile First 設計原則
Đọc bài viết →第 17 課：CSS 動畫和過渡
掌握 CSS Transitions 的使用 學會建立 CSS Animations 了解 Transform 屬性 學會實作常見的動畫效果
Đọc bài viết →第 18 課：CSS 進階技巧
掌握 CSS 變數的使用 學會 CSS 函數 了解進階選擇器 掌握實用的 CSS 技巧
Đọc bài viết →第 19 課：JavaScript 基礎介紹
理解什麼是 JavaScript 及其用途 學會在網頁中使用 JavaScript 掌握基本的輸出方法 了解 JavaScript 的基本語法
Đọc bài viết →第 20 課：變數和資料型別
理解變數的概念 學會宣告和使用變數 掌握 JavaScript 的基本資料型別 了解 let、const、var 的區別
Đọc bài viết →第 21 課：運算子和控制流程
掌握各種運算子的使用 學會 if/else 條件判斷 了解 switch 語句 掌握迴圈（for、while）
Đọc bài viết →第 22 課：函式
// 帶回傳值的函式 function adda, b { return a + b; }
Đọc bài viết →