1. Web標準化的優點
2. 網頁設計標準目標
3. HTML基本架構
4. HTML組成元素
5. CSS基本語法結構
6. 選取器類型：標籤
7. 選取器類型：ID
8. 選取器類型：類別
9. 選取器類型：複合
10. 儲存位置與使用比較
11. 區塊基本元素
12. 選取器優先權
13. 使用區塊設置版面
14. 設計二欄式版面
15. 網頁文字內容結構化
16. 版型圖不切割的運用
17. 定位position
18. 定位的進一步比較
19. 定位運用練習
20. ==== JS =========
21. 認識 JavaScript
22. 第一個JS程式練習

 

13. 使用區塊設置基本版面

目的：

1. 先規劃所需要的區塊架構

2. 將<p>標籤移除

3. HTML標籤架構結果如下

4. CSS面板→新增CSS規則，分別定義如下

 

參閱範例結果