狠狠撸

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 ?
?

USING IMAGINATION
Canvas
Header
Body
Fotter

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/

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

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

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

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

DIRECTORY
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>

狠狠撸

网页基础介绍

Recommended

More Related Content

Similar to 网页基础介绍 (20)

More from Aaron King (14)

网页基础介绍