http://jendo.synology.me/wiki1231/index.php?action=history&feed=atom&title=HTML%2F%E8%B7%AF%E5%BE%91
HTML/路徑 - 修訂歷史
2026-04-09T20:57:27Z
本 Wiki 上此頁面的修訂歷史
MediaWiki 1.35.14
http://jendo.synology.me/wiki1231/index.php?title=HTML/%E8%B7%AF%E5%BE%91&diff=5117&oldid=prev
丁志仁 於 2015年2月5日 (四) 00:14
2015-02-05T00:14:42Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hant-TW">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2015年2月5日 (四) 00:14 的修訂</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >第1行：</td>
<td colspan="2" class="diff-lineno">第1行：</td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[分類:<del class="diffchange diffchange-inline">六年制學程/課程</del>]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[分類:<ins class="diffchange diffchange-inline">HTML</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>用於 img 的 src 屬性，以及 a 的 href 屬性。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>用於 img 的 src 屬性，以及 a 的 href 屬性。</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*資料夾分層用「/」半型右上左下斜線隔開。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*資料夾分層用「/」半型右上左下斜線隔開。</div></td></tr>
</table>
丁志仁
http://jendo.synology.me/wiki1231/index.php?title=HTML/%E8%B7%AF%E5%BE%91&diff=4806&oldid=prev
張子宜：新頁面: 分類:六年制學程/課程 用於 img 的 src 屬性，以及 a 的 href 屬性。 *資料夾分層用「/」半型右上左下斜線隔開。 *相對路徑 *#不寫路徑，只...
2015-01-28T03:05:17Z
<p>新頁面: <a href="/wiki1231/index.php?title=%E5%88%86%E9%A1%9E:%E5%85%AD%E5%B9%B4%E5%88%B6%E5%AD%B8%E7%A8%8B/%E8%AA%B2%E7%A8%8B" title="分類:六年制學程/課程">分類:六年制學程/課程</a> 用於 img 的 src 屬性，以及 a 的 href 屬性。 *資料夾分層用「/」半型右上左下斜線隔開。 *相對路徑 *#不寫路徑，只...</p>
<p><b>新頁面</b></p><div>[[分類:六年制學程/課程]]<br />
用於 img 的 src 屬性，以及 a 的 href 屬性。<br />
*資料夾分層用「/」半型右上左下斜線隔開。<br />
*相對路徑<br />
*#不寫路徑，只寫檔名，代表和這個 html 同資料夾(同路徑)<br />
*#「.」代表目前的資料夾(路徑)，也就是這個 html 所在的資料夾(路徑)，寫作「./」<br />
*#「..」代表上一層資料夾(路徑)，寫作「../」<br />
*#上一層資料夾的再上一層資料用「../../」表示，依此類推。<br />
*絕對路徑<br />
*#同網站路徑：以「/」做為路徑的開頭，代表網站的「根目錄」<br />
*#其他網站的檔名：如「http://xxxx/yyyy/zzzz/abc.jpg」<br />
*#*http:是協定<br />
*#*//是網際網路<br />
*#*xxxx是機器名稱，如 jendo.org<br />
*#*/yyyy/zzzz/abc.jpg的第一個「/」是機器上面的文件根資料夾，後面的路徑是從文件根資料夾算起。<br />
====使用時機====<br />
<table class=nicetable><br />
<tr><th></th><th>相對路徑</th><th>絕對路徑</th></tr><br />
<tr><th>本機</th><th>可</th><th>可</th></tr><br />
<tr><th>其他機器</th><th>不可</th><th>可</th></tr><br />
</table><br />
====圖例====<br />
<table class=nicetable><br />
<tr><td colspan=2 style='background-color:pink'>文件根資料夾：j<br />
<tr><br />
<td style='border-right:none'><br />
c.jpg<br />
<table class=nicetable><tr><td><br />
jj資料夾有：<br/><br />
b.jpg<br/><br />
qqq.html<br />
<table class=nicetable><tr><td><br />
jjj資料夾有：<br/><br />
a.jpg<br/><br />
ppp.html<br />
</td></tr></table><br />
</td></tr></table><br />
</td><br />
<td style='border-left:none'><br />
<table class=nicetable><tr><td><br />
kk資料夾有：<br/><br />
d.jpg<br />
</td></tr></table><br />
<br/><br />
<table class=nicetable><tr><td><br />
ii資料夾有：<br/><br />
e.jpg<br />
<table class=nicetable><tr><td><br />
iii資料夾有：<br/><br />
my lover.jpg<br/><br />
rrr.html<br />
</td></tr></table><br />
</td></tr></table><br />
</td><br />
</tr><br />
</table><br />
<br />
===練習題(相對路徑與絕對路徑)===<br />
#標籤在ppp.html需要a.jpg<br />
#標籤在rrr.html需要a.jpg<br />
#標籤在ppp.html需要e.jpg<br />
#標籤在qqq.html需要c.jpg<br />
#標籤在rrr.html需要b.jpg<br />
#標籤在rrr.html需要c.jpg<br />
#標籤在rrr.html需要b.jpg<br />
#標籤在qqq.html需要d.jpg<br />
#標籤在ppp.html需要my lover.jpg<br />
#標籤在qqq.html需要my lover.jpg</div>
張子宜