HTML/路徑:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
(新頁面: 用於 img 的 src 屬性,以及 a 的 href 屬性。 *資料夾分層用「/」半型右上左下斜線隔開。 *相對路徑 *#不寫路徑,只寫檔名,代表和這個 html ...)
 
 
(未顯示2位用戶所作出之21次版本)
第 1 行: 第 1 行:
 +
[[分類:六年制學程/課程]]
 
用於 img 的 src 屬性,以及 a 的 href 屬性。
 
用於 img 的 src 屬性,以及 a 的 href 屬性。
 
*資料夾分層用「/」半型右上左下斜線隔開。
 
*資料夾分層用「/」半型右上左下斜線隔開。
第 9 行: 第 10 行:
 
*#同網站路徑:以「/」做為路徑的開頭,代表網站的「根目錄」
 
*#同網站路徑:以「/」做為路徑的開頭,代表網站的「根目錄」
 
*#其他網站的檔名:如「http://xxxx/yyyy/zzzz/abc.jpg」
 
*#其他網站的檔名:如「http://xxxx/yyyy/zzzz/abc.jpg」
 +
*#*http:是協定
 +
*#*//是網際網路
 +
*#*xxxx是機器名稱,如 jendo.org
 +
*#*/yyyy/zzzz/abc.jpg的第一個「/」是機器上面的文件根資料夾,後面的路徑是從文件根資料夾算起。
 +
====使用時機====
 +
<table class=nicetable>
 +
<tr><th></th><th>相對路徑</th><th>絕對路徑</th></tr>
 +
<tr><th>本機</th><th>可</th><th>可</th></tr>
 +
<tr><th>其他機器</th><th>不可</th><th>可</th></tr>
 +
</table>
 +
====圖例====
 +
<table class=nicetable>
 +
<tr><td colspan=2 style='background-color:pink'>文件根資料夾:j
 +
<tr>
 +
<td style='border-right:none'>
 +
c.jpg
 +
<table class=nicetable><tr><td>
 +
jj資料夾有:<br/>
 +
b.jpg<br/>
 +
qqq.html
 +
<table class=nicetable><tr><td>
 +
jjj資料夾有:<br/>
 +
a.jpg<br/>
 +
ppp.html
 +
</td></tr></table>
 +
</td></tr></table>
 +
</td>
 +
<td style='border-left:none'>
 +
<table class=nicetable><tr><td>
 +
kk資料夾有:<br/>
 +
d.jpg
 +
</td></tr></table>
 +
<br/>
 +
<table class=nicetable><tr><td>
 +
ii資料夾有:<br/>
 +
e.jpg
 +
<table class=nicetable><tr><td>
 +
iii資料夾有:<br/>
 +
my lover.jpg<br/>
 +
rrr.html
 +
</td></tr></table>
 +
</td></tr></table>
 +
</td>
 +
</tr>
 +
</table>
 +
 +
===練習題(相對路徑與絕對路徑)===
 +
#標籤在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

2014年7月20日 (日) 21:10的最新修訂版本

用於 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