HTML/路徑：修訂版本之間的差異
出自六年制學程
| （未顯示2位用戶所作出之20次版本） | |||
| 第 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:是協定 | |
| − | <table> | + | *#*//是網際網路 |
| + | *#*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> | <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> | ||
| + | ====圖例==== | ||
| + | <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 屬性。
- 資料夾分層用「/」半型右上左下斜線隔開。
- 相對路徑
- 不寫路徑，只寫檔名，代表和這個 html 同資料夾(同路徑)
- 「.」代表目前的資料夾(路徑)，也就是這個 html 所在的資料夾(路徑)，寫作「./」
- 「..」代表上一層資料夾(路徑)，寫作「../」
- 上一層資料夾的再上一層資料用「../../」表示，依此類推。
- 絕對路徑
- 同網站路徑：以「/」做為路徑的開頭，代表網站的「根目錄」
- 其他網站的檔名：如「http://xxxx/yyyy/zzzz/abc.jpg」
- http:是協定
- //是網際網路
- xxxx是機器名稱，如 jendo.org
- /yyyy/zzzz/abc.jpg的第一個「/」是機器上面的文件根資料夾，後面的路徑是從文件根資料夾算起。
使用時機
| 相對路徑 | 絕對路徑 | |
|---|---|---|
| 本機 | 可 | 可 |
| 其他機器 | 不可 | 可 |
圖例
| 文件根資料夾：j | ||||||
|
c.jpg
|
|
|||||
練習題(相對路徑與絕對路徑)
- 標籤在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
