這份是我與朋友介紹網頁基礎所做的PPT，有需要請自行取用 :)

1. 網頁基礎介紹
By Jaja

2. INSTRUCTION
 What is HTML
 How to create my web
 Dress a sugar CSS
 Show me the money Html
 Directory

3. WHAT IS HTML
A FOOD ? A Language ?


4. ABOUT HTML
HTML

5. A SIMPLE HTML

6. USING IMAGINATION
Canvas
Header
Body
Fotter

7. Header
Body
Fotter

8. HOWTO CREATE MYWEB
 Download SublimeText -> Site: http://www.sublimetext.com/
 A HTML Dictionary ->Site : http://www.w3schools.com/html/html5_intro.asp
 A Github space -> Site : https://github.com/

9. ACTIONTIME

10. DRESS A SUGAR CSS
What is CSS?
Use CSS Can….

11. SIMPLE CSS
Background-color : #d0e4fe
Color-orange; text-align:center;

12. ACTIONTIME

13. DIRECTORY
 一共有三種類型的連結路徑：
 絕對路徑 (如 http://www.adobe.com/support/dreamweaver/contents.html)。
 文件相對路徑 (如 dreamweaver/contents.html)。
 網站根目錄相對路徑 (如 /support/dreamweaver/contents.html)。
http://ppt.cc/OgqF

14. DIRECTORY
1. 若要從 contents.html 連結至 hours.html (都在同一資料
夾中)，請使用相對路徑 hours.html。
連結的形式會像這樣 <a href=‘hours.html’>hourse</a>
http://ppt.cc/OgqF

15. DIRECTORY
1. 若要從 contents.html 連結至 hours.html (都在同一資料
夾中)，請使用相對路徑 hours.html。
2. 若要從 contents.html 連結至 tips.html (位於 resources 子
資料夾中)，請使用相對路徑 resources/tips.html。每到
一個正斜線 (/)，就表示在資料夾階層中向下移動一層。
http://ppt.cc/OgqF
連結的形式會像這樣 <a href=‘resources/tips.html’>hourse</a>

16. DIRECTORY
1. 若要從 contents.html 連結至 hours.html (都在同一資料
夾中)，請使用相對路徑 hours.html。
2. 若要從 contents.html 連結至 tips.html (位於 resources 子
資料夾中)，請使用相對路徑 resources/tips.html。每到
一個正斜線 (/)，就表示在資料夾階層中向下移動一層。
3. 若要從 contents.html 連結至 index.html (位於父資料夾
中，即 contents.html 所在位置的上一層)，請使用相對
路徑 ../index.html。兩個點和一個正斜線 (../)，就表示在
資料夾階層中向上移動一層。
http://ppt.cc/OgqF
連結的形式會像這樣 <a href=‘../index.html’>hourse</a>

17. DIRECTORY
1. 若要從 contents.html 連結至 hours.html (都在同一資料
夾中)，請使用相對路徑 hours.html。
2. 若要從 contents.html 連結至 tips.html (位於 resources 子
資料夾中)，請使用相對路徑 resources/tips.html。每到
一個正斜線 (/)，就表示在資料夾階層中向下移動一層。
3. 若要從 contents.html 連結至 index.html (位於父資料夾
中，即 contents.html 所在位置的上一層)，請使用相對
路徑 ../index.html。兩個點和一個正斜線 (../)，就表示在
資料夾階層中向上移動一層。
4. 若要從 contents.html 連結至 catalog.html (位於父資料夾
的不同子資料夾中)，請使用相對路
徑 ../products/catalog.html。此處的 ../ 表示向上移到父
資料夾，而 products/ 則表示向下移動到 products 子資料
夾。
http://ppt.cc/OgqF
連結的形式會像這樣 <a href=‘../index.html’>hourse</a>

18. ACTIONTIME