相對(duì)路徑就是指由這個(gè)文件所在的路徑引起的跟其它文件(或文件夾)的路徑關(guān)系。

1 兩個(gè)文件在同一個(gè)文件夾下，直接寫(xiě)文件名即可

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

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

在info.html加入index.html超鏈接的href應(yīng)該這樣寫(xiě)：index.html

2 要引用的文件在下一級(jí)文件夾下，文件名前加子文件夾名稱(chēng)

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

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

在info.html加入index.html超鏈接的href應(yīng)該這樣寫(xiě)：html/tutorials/index.html

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

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

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\sites\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：a href=../index.htmlindex.html/a

舉一反三： ../表示源文件所在目錄的上一級(jí)目錄，../../表示源文件所在目錄的上上級(jí)目錄，以此類(lèi)推。

4 更復(fù)雜的情況：

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

假設(shè)index.html路徑是：c:\Inetpub\wwwroot\sites\html\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：a href=../html/index.htmlindex.html/a

css的例子：

如果：網(wǎng)頁(yè)文件夾下有3.gif和themes文件夾；

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

images文件夾下有2.gif

那么CSS文件中可以寫(xiě)：

background:url(images/2.gif);

background:url(1.gif);

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

我自己喜歡用dreamweaver，點(diǎn)了url以后在對(duì)話(huà)框中選圖片，免得寫(xiě)錯(cuò)。。

取消

評(píng)論

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。