六年制學程/01/2014.02.14

路徑

用於 img 的 src 屬性，以及 a 的 href 屬性。

• 資料夾分層用「/」半型右上左下斜線隔開。
• 相對路徑
  1. 不寫路徑，只寫檔名，代表和這個 html 同資料夾(同路徑)
  2. 「.」代表目前的資料夾(路徑)，也就是這個 html 所在的資料夾(路徑)，寫作「./」
  3. 「..」代表上一層資料夾(路徑)，寫作「../」
  4. 上一層資料夾的再上一層資料用「../../」表示，依此類推。
• 絕對路徑
  1. 同網站路徑：以「/」做為路徑的開頭，代表網站的「根目錄」
  2. 其他網站的檔名：如「http://xxxx/yyyy/zzzz/abc.jpg」
     • http:是協定
     • //是網際網路
     • xxxx是機器名稱，如 jendo.org
     • /yyyy/zzzz/abc.jpg的第一個「/」是機器上面的文件根資料夾，後面的路徑是從文件根資料夾算起。

使用時機

	相對路徑	絕對路徑
本機	可	可
其他機器	不可	可

圖例

文件根資料夾：j
c.jpg jj資料夾有： b.jpg qqq.html jjj資料夾有： a.jpg ppp.html	kk資料夾有： d.jpg ii資料夾有： e.jpg iii資料夾有： my lover.jpg rrr.html

練習題(相對路徑與絕對路徑)

1. 標籤在ppp.html需要a.jpg
2. 標籤在rrr.html需要a.jpg
3. 標籤在ppp.html需要e.jpg
4. 標籤在qqq.html需要c.jpg
5. 標籤在rrr.html需要b.jpg
6. 標籤在rrr.html需要c.jpg
7. 標籤在rrr.html需要b.jpg
8. 標籤在qqq.html需要d.jpg
9. 標籤在ppp.html需要my lover.jpg
10. 標籤在qqq.html需要my lover.jpg