Use this block to describe what the course is about, what your students will learn and why someone should buy your course.
Course Curriculum
Available in
days
days
after you enroll
- 安裝 Chrome 瀏覽器 (2:15)
- 安裝 VS Code 編輯器 (3:36)
- 安裝 VS Code 套件 - 讓介面變成中文化 (4:17)
- 開始撰寫 HTML (6:27)
- 撰寫 h1 標籤、 p 段落 (8:11)
- CodePen 教學 - 將你的程式碼分享給別人 (4:20)
- 建立 HTML 環境 (7:40)
- HTML 環境語法
- Emmet 載入環境語法 (6:29)
- 插入圖片,了解圖片路徑規則 (8:48)
- 載入外部圖片方式 (4:30)
- 在網頁上加上 a 連結標籤 (6:18)
- 段落 p 與連結 a 的混合應用 (3:08)
- 認識 ul li 列表標籤 (8:26)
- HTML 標籤教學 - 小節作業 (3:55)
Available in
days
days
after you enroll
Available in
days
days
after you enroll
- 網頁容器介紹 (6:50)
- CSS Reset - 清空瀏覽器預設樣式 (11:42)
- display: block 區塊元素介紹 (12:39)
- display: inline 行內元素介紹 (12:15)
- display 容器特性 - 區塊跟行內 (5:49)
- div 與後代選擇器運用 (14:44)
- margin 產生外邊界距離 (11:52)
- padding 產生留白距離 (6:17)
- margin、padding 投影片介紹 (2:04)
- Box Model(盒模型)詳細介紹 (10:54)
- margin 0 auto 區塊水平置中 (10:15)
- text-align 文字水平調整 (5:16)
- 2020 優化 CSS 作業小節作業
- 2020補充教材:不想算盒模型的推擠?試試 CSS3 box-sizing 吧! (5:18)
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll

Hi, I’m [Your Name Here]
Use this block for your bio. Explain to your audience who you are, and why you’re teaching this course.

Use this for a heading.
Use this area for description text.

Use this for a heading.
Use this area for description text.

Use this for a heading.
Use this area for description text.