網頁基礎介紹By Jaja

INSTRUCTION

What is HTML

How to create my web

Dress a sugar CSS

Show me the money Html

Directory

WHAT IS HTML

A FOOD ? A Language ?

ABOUT HTML

HTML

A SIMPLE HTML

USING IMAGINATION

Canvas

Header

Body

Fotter

Header

Body

Fotter

HOW TO CREATE MY WEB

Download Sublime Text -> Site: http://www.sublimetext.com/

A HTML Dictionary ->Site : http://www.w3schools.com/html/html5_intro.asp

A Github space -> Site : https://github.com/

ACTION TIME

DRESS A SUGAR CSS

What is CSS?

Use CSS Can….

SIMPLE CSS

Background-color : #d0e4fe

Color-orange; text-align:center;

ACTION TIME

DIRECTORY

一共有三種類型的連結路徑：

絕對路徑 ( 如 http://www.adobe.com/support/dreamweaver/contents.html) 。

文件相對路徑 ( 如 dreamweaver/contents.html) 。

網站根目錄相對路徑 ( 如 /support/dreamweaver/contents.html) 。

http://ppt.cc/OgqF

DIRECTORY

1. 若要從 contents.html 連結至 hours.html ( 都在同一資料夾中 ) ，請使用相對路徑 hours.html 。

連結的形式會像這樣 <a href=‘hours.html’>hourse</a>

http://ppt.cc/OgqF

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>

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>

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>

ACTION TIME