相對路徑就是指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關系。

1 兩個文件在同一個文件夾下，直接寫文件名即可

假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html

假設index.html路徑是：c:\Inetpub\wwwroot\sites\blabla\index.html

在info.html加入index.html超鏈接的href應該這樣寫：index.html

2 要引用的文件在下一級文件夾下，文件名前加子文件夾名稱

假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html

假設index.html路徑是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

在info.html加入index.html超鏈接的href應該這樣寫：html/tutorials/index.html

3 要引用的文件在上一級文件夾下，文件名前加../

假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html

假設index.html路徑是：c:\Inetpub\wwwroot\sites\index.html

在info.html加入index.html超鏈接的代碼應該這樣寫：a href=../index.htmlindex.html/a

舉一反三： ../表示源文件所在目錄的上一級目錄，../../表示源文件所在目錄的上上級目錄，以此類推。

4 更復雜的情況：

假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html

假設index.html路徑是：c:\Inetpub\wwwroot\sites\html\index.html

在info.html加入index.html超鏈接的代碼應該這樣寫：a href=../html/index.htmlindex.html/a

css的例子：

如果：網頁文件夾下有3.gif和themes文件夾；

themes文件夾下有css文件、1.gif和images文件夾；

images文件夾下有2.gif

那么CSS文件中可以寫：

background:url(images/2.gif);

background:url(1.gif);

background:url(../3.gif);

我自己喜歡用dreamweaver，點了url以后在對話框中選圖片，免得寫錯。。

取消

評論

總結

以上是生活随笔為你收集整理的HTML中设置图片或者文档路径,html怎么用background相对路径设置背景图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。