HTML中设置图片或者文档路径,html怎么用background相对路径设置背景图片
相對路徑就是指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關系。
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相对路径设置背景图片的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux 3.10 网卡驱动程序示例,
- 下一篇: 百度媒体云播放器cyberplayer支