檢視 HTML/路徑的原始碼

[[分類:六年制學程/課程]]
用於 img 的 src 屬性，以及 a 的 href 屬性。
*資料夾分層用「/」半型右上左下斜線隔開。
*相對路徑
*#不寫路徑，只寫檔名，代表和這個 html 同資料夾(同路徑)
*#「.」代表目前的資料夾(路徑)，也就是這個 html 所在的資料夾(路徑)，寫作「./」
*#「..」代表上一層資料夾(路徑)，寫作「../」
*#上一層資料夾的再上一層資料用「../../」表示，依此類推。
*絕對路徑
*#同網站路徑：以「/」做為路徑的開頭，代表網站的「根目錄」
*#其他網站的檔名：如「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