HTML/路徑:修訂版本之間的差異
出自六年制學程
(新頁面: 分類:六年制學程/課程 用於 img 的 src 屬性,以及 a 的 href 屬性。 *資料夾分層用「/」半型右上左下斜線隔開。 *相對路徑 *#不寫路徑,只...) |
|||
第 1 行: | 第 1 行: | ||
− | [[分類: | + | [[分類:HTML]] |
用於 img 的 src 屬性,以及 a 的 href 屬性。 | 用於 img 的 src 屬性,以及 a 的 href 屬性。 | ||
*資料夾分層用「/」半型右上左下斜線隔開。 | *資料夾分層用「/」半型右上左下斜線隔開。 |
2015年2月5日 (四) 08:14的最新修訂版本
用於 img 的 src 屬性,以及 a 的 href 屬性。
- 資料夾分層用「/」半型右上左下斜線隔開。
- 相對路徑
- 不寫路徑,只寫檔名,代表和這個 html 同資料夾(同路徑)
- 「.」代表目前的資料夾(路徑),也就是這個 html 所在的資料夾(路徑),寫作「./」
- 「..」代表上一層資料夾(路徑),寫作「../」
- 上一層資料夾的再上一層資料用「../../」表示,依此類推。
- 絕對路徑
- 同網站路徑:以「/」做為路徑的開頭,代表網站的「根目錄」
- 其他網站的檔名:如「http://xxxx/yyyy/zzzz/abc.jpg」
- http:是協定
- //是網際網路
- xxxx是機器名稱,如 jendo.org
- /yyyy/zzzz/abc.jpg的第一個「/」是機器上面的文件根資料夾,後面的路徑是從文件根資料夾算起。
使用時機
相對路徑 | 絕對路徑 | |
---|---|---|
本機 | 可 | 可 |
其他機器 | 不可 | 可 |
圖例
文件根資料夾:j | ||||||
c.jpg
|
|
練習題(相對路徑與絕對路徑)
- 標籤在ppp.html需要a.jpg
- 標籤在rrr.html需要a.jpg
- 標籤在ppp.html需要e.jpg
- 標籤在qqq.html需要c.jpg
- 標籤在rrr.html需要b.jpg
- 標籤在rrr.html需要c.jpg
- 標籤在rrr.html需要b.jpg
- 標籤在qqq.html需要d.jpg
- 標籤在ppp.html需要my lover.jpg
- 標籤在qqq.html需要my lover.jpg