HTML and CSS

📘 掌握 HTML 與 CSS 的網頁設計與開發－學習、實踐並建立網站！

這款綜合學習應用程式以全球知名的《HTML 與 CSS：設計與建構網站》為靈感，帶您進入網頁設計與開發的世界。無論您是初學者還是想要重溫基礎知識，這款應用程式都是您使用 HTML 和 CSS 工具建立美觀、響應式且功能齊全的網站的完整指南。

📚 本課程/應用內容：

單元 1：HTML 簡介

• 什麼是 HTML？

• HTML 文件的基本結構

• HTML 元素和標籤

單元 2：HTML 基礎

• 標題

• 段落

• 清單

• 文字格式設定

• 連結

單元 3：HTML5

• 新語意

• 元素

• 音訊和視訊

• Canvas 元素

單元 4：CSS 簡介

• 什麼是 CSS？

• CSS 語法

• 將 CSS 應用於 HTML

單元 5：顏色

• 在 CSS 中使用顏色

• 色彩模型

• 顏色關鍵字

• 不透明度

單元 6：文字和字體

• 字型系列

• 字體大小

• 文字樣式

• Web 字體

單元 7：盒子

• CSS 盒模型

• 外邊距

• 邊框

• 內邊距

• 寬度和高度

單元 8：列表

• 清單樣式

• 自訂列表

• 標記

• 水平列表和垂直列表

單元 9：佈局基礎

• 定位

• 浮動

• 清除

• 顯示屬性

單元 10：表格

• 建立表格

•表格樣式

• 邊框折疊

• 表格佈局

單元 11：表單

• 表單元素

• 輸入類型

• 表單樣式

• 驗證

單元 12：影像與多媒體

• 新增影像

• 影像格式

• 響應式影像

• 嵌入視頻

單元 13：過渡、變換與動畫

• CSS 過渡

• 變換

• 關鍵影格動畫

單元 14：響應式設計

• 媒體查詢

• 靈活佈局

• 行動友善設計

單元 15：網頁字體和圖示字體

• 使用網頁字體

• 字體服務

• 圖示字體

單元 16：調試和工具

• 瀏覽器開發者工具工具

• CSS 驗證

• 調試技巧

💡 本應用功能：

- 完整的課程教材內容

- 練習題和測驗，方便練習和自我評估

📥 立即下載，開啟您的 Web 開發之旅！