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

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 行： / 第 1 行： @@
+[[分類:六年制學程/課程]]
 用於 img 的 src 屬性，以及 a 的 href 屬性。
 *資料夾分層用「/」半型右上左下斜線隔開。
@@ 第 9 行： / 第 10 行： @@
 *#同網站路徑：以「/」做為路徑的開頭，代表網站的「根目錄」
 *#其他網站的檔名：如「http://xxxx/yyyy/zzzz/abc.jpg」
+*#*http:是協定
+*#*//是網際網路
+*#*xxxx是機器名稱，如 jendo.org
+*#*/yyyy/zzzz/abc.jpg的第一個「/」是機器上面的文件根資料夾，後面的路徑是從文件根資料夾算起。
 ====使用時機====
 <table class=nicetable>
@@ 第 32 行： / 第 37 行： @@
 </td></tr></table>
 </td>
 <td style='border-left:none'>
 <table class=nicetable><tr><td>
@@ 第 44 行： / 第 48 行： @@
 <table class=nicetable><tr><td>
 iii資料夾有：<br/>
-my lover.jpg
+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