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
取自「http://jendo.org/wikiGrade1/index.php?title=HTML/路徑&oldid=14306」