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

出自六年制學程
跳轉到: 導覽搜尋
圖例
圖例
第 34 行: 第 34 行:
  
 
<td style='border-left:none'>
 
<td style='border-left:none'>
<table class=nicetable><tr><td>
 
kk資料夾有:<br/>
 
d.jpg
 
</td></tr></table>
 
 
<table class=nicetable><tr><td>
 
<table class=nicetable><tr><td>
 
kk資料夾有:<br/>
 
kk資料夾有:<br/>
第 45 行: 第 41 行:
 
ii資料夾有:<br/>
 
ii資料夾有:<br/>
 
e.jpg
 
e.jpg
 
+
<table class=nicetable><tr><td>
 +
iii資料夾有:<br/>
 +
my lover.jpg
 +
</td></tr></table>
 
</td></tr></table>
 
</td></tr></table>
  

2014年2月14日 (五) 12:25的修訂版本

用於 img 的 src 屬性,以及 a 的 href 屬性。

  • 資料夾分層用「/」半型右上左下斜線隔開。
  • 相對路徑
    1. 不寫路徑,只寫檔名,代表和這個 html 同資料夾(同路徑)
    2. 「.」代表目前的資料夾(路徑),也就是這個 html 所在的資料夾(路徑),寫作「./」
    3. 「..」代表上一層資料夾(路徑),寫作「../」
    4. 上一層資料夾的再上一層資料用「../../」表示,依此類推。
  • 絕對路徑
    1. 同網站路徑:以「/」做為路徑的開頭,代表網站的「根目錄」
    2. 其他網站的檔名:如「http://xxxx/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