---
# System prepended metadata

title: Html 學習筆記

---

# Html 學習筆記
## HTML 5 與 CSS 3 程式設計應用技巧

| 章節 | 單元 | 單元內容                                | 學習進度 |
|:----:|:----:| --------------------------------------- | -------- |
|  1   |  1   | 認識網站與網頁                          |          |
|      |  2   | 網頁設計前的準備工作                    |          |
|      |  3   | HTML頁面結構                            |          |
|      |  4   | 好用的HTML學習網站 - w3schools          |          |
|  2   |  1   | 段落效果設定                            |          |
|      |  2   | 條列式清單設定                          |          |
|      |  3   | 字元格式設定                            |          |
|      |  4   | 文字特殊用法                            |          |
|      |  5   | 建立超連結                              |          |
|      |  6   | 綜合範例應用 - 精美個性化履歷           |          |
|      |  7   | 綜合範例應用 - 美食蒐錄情報網           |          |
|  3   |  1   | 網頁圖像使用要點                        |          |
|      |  2   | 影像軟體編修影像                        |          |
|      |  3   | 網頁圖像應用                            |          |
|      |  4   | 使用色彩                                |          |
|      |  5   | 綜合範例應用 - 美輪美奐的分類相簿       |          |
|  4   |  1   | 製作基本表格                            |          |
|      |  2   | 儲存格編輯                              |          |
|      |  3   | 建立與使用表單元件                      |          |
|      |  4   | 綜合範例應用 - 賞心悅目的旅遊行程表     |          |
|      |  5   | 綜合範例應用 - 極具吸引力的線上購物表單 |          |
|  5   |  1   | 加入音樂 audio                          |          |
|      |  2   | 加入視訊 video                          |          |
|      |  3   | 加入 Flash 動畫                         |          |
|      |  4   | iframe 內嵌 YouTube 影音                |          |
|      |  5   | 綜合範例應用 - 動感十足的新品發表       |          |
|  6   |  1   | CSS 基本格式                            |          |
|      |  2   | CSS 添加方式                            |          |
|      |  3   | CSS 選擇器入門                          |          |
|      |  4   | 使用 CSS 設定文字                       |          |
|      |  5   | 使用 CSS 設定背景                       |          |
|      |  6   | 綜合範例應用 - 別具匠心的心得報告       |          |
|  7   |  1   | 控制編排區塊                            |          |
|      |  2   | 編排網頁區塊                            |          |
|      |  3   | 定位網頁元件                            |          |
|      |  4   | 綜合範例應用 - 一目了然的社團介紹       |          |
|  8   |  1   | 區塊陰影效果                            |          |
|      |  2   | 漸層特效                                |          |
|      |  3   | 圖片圓角加陰影                          |          |
|      |  4   | 標題提示區塊                            |          |
|      |  5   | 超連結按鈕效果                          |          |
|      |  6   | 綜合範例應用 - 不一樣的首頁文字製作     |          |
|  9   |  1   | 網站架構規劃                            |          |
|      |  2   | 網站首頁內容設計                        |          |
|      |  3   | 「世運站」內容設定                      |          |
|      |  4   | 複製與修改其他捷運站內容                |          |
