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 開發之旅！