相对路径和绝对路径怎么写(HTML相对路径和绝对路径)
本文目录
- HTML相对路径和绝对路径
- CSS当中的相对路径和绝对路径
- 绝对路径的写法
- 绝对路径和相对路径的定义是什么
- 相对路径和绝对路径怎么表示
- eclipse的相对路径和绝对路径怎么写
- DOS中绝对路径和相对路径的具体描述
HTML相对路径和绝对路径
HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?
如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。
为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。
HTML有2种路径的写法:相对路径和绝对路径。
HTML相对路径(Relative Path)
同一个目录的文件引用
如果源文件和引用文件在同一个目录里,直接写引用文件名即可。
我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html
在info.html加入index.html超链接的代码应该这样写:
a href = "index.html"index.html/a
如何表示上级目录
../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html
在info.html加入index.html超链接的代码应该这样写:
a href = "../index.html"index.html/a
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\index.html
在info.html加入index.html超链接的代码应该这样写:
a href = "../../index.html"index.html/a
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html
在info.html加入index.html超链接的代码应该这样写:
a href = "../wowstory/index.html"index.html/a
如何表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html
在info.html加入index.html超链接的代码应该这样写:
a href = "html/index.html"index.html/a
假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的代码应该这样写:
a href = "html/tutorials/index.html"index.html/a
HTML绝对路径(Absolute Path)
HTML绝对路径(absolute path)指带域名的文件的完整路径。
假设你注册了域名www.wlci.com.cn,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。
假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是:
假设你在www根目录下建了一个目录叫html_tutorials,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是
CSS当中的相对路径和绝对路径
"." 代表当前所在目录, 相对路径 。如:《a href="./abc"》文本《/a》或《img src="./abc" /》;
".." 代表上一层目录, 相对路径 。如:《a href="../abc"》文本《/a》或《img src="../abc"/》;
"../../" 代表的是上一层目录的上一层目录,相对路径。 如:《img src="../../abc" /》;
"/" 代表根目录, 绝对路径 。 如:《a href="/abc"》文本《/a》或《img src="/abc"/》;
"D:/abc/" 代表根目录, 绝对路径 。
在使用相对路径时,我们用符号“.”来表示 当前目录 ;用符号“..”来表示 当前目录 的父目录。
绝对路径的写法
绝对路径 就是的主页上的文件或目录在硬盘上真正的路径。
比如,Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin 就是 CGI-BIN 目录的绝对路径。
绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd****
相对路径:是从当前路径开始的路径,如当前路径为C:\windows
绝对路径和相对路径的定义是什么
在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初学者感到困惑,相对路径与绝对路径区别用法如下。
1.HTML相对路径指由这个文件所在的路径引起的跟其他文件(或文件夹)的路径关系。
***隐藏网址***
2.相对路径的使用方法如果链接到同一目录下,则只需输入要链接文档的名称,例如:
网页链接bg.jpg如果链接到下一级目录,则需要先输入目录名,然后加“/”,再输入文件名,例如:
images/bg.jpg如果连接到上一级目录,则需要先输入“../”,然后再输入目录名、文件名;../也称为父路径,例如:
***隐藏网址***
***隐藏网址***
相对路径和绝对路径怎么表示
路径是指文件在服务器中的存储位置。我们在使用计算机时要找到所需的文件时就必须知道文件的绝对路径,例如,只要看到这个路径d:/web/logo.gif,我们就知道logo.gif文件是在d盘的web目录下。类似于这样完整的描述文件位置的路径就是绝对路径。
***隐藏网址***
相对路径主要用在我们的网站上,当ASP在发布一个目录时,如果在Web上也像d:/web/test.htm一样,就不会显示在正常的页面。这时需要通过站点来访问相对目录,网页上所有Web页面程序和所显示的图片都是通过相对路径来访问的。如里面的图片访问就是images/logo.gif我们可以用"../"来表示上一级目录,"../../"表示上上级目录,依此类推。
eclipse的相对路径和绝对路径怎么写
1和2:这个路径就是相对路径,不能写成./mp3/歌声与微笑.mp3,因为安卓工程中点 表示的是当前项目的路径,而不是src文件夹的路径,写成./src/mp3/歌声与微笑.mp3也行;
3:绝对路径就是你文件存放在磁盘里的完整路径,从盘符开始写起即可
DOS中绝对路径和相对路径的具体描述
绝对路径:从根目录出发直达文件一条路径。以“\”开头,后跟若干用“\”分隔的目录名。用绝对路径可访问磁盘中所有的位置。
相对路径:从当前目录出发抵达文件的一条路径。相对路径中第一个目录名必须是当前目录下的一个子目录。
更多文章:
traceable(NIST是什么NIST-traceable怎么翻译)
2026年4月10日 22:20
c语言二维数组的排序(如何用c语言给输入的二维数组每一行排序)
2026年4月10日 21:40
xml格式资源网(文件夹中出现一个压缩包包含xml后缀的一些文件)
2026年4月10日 20:20
staruml部署图怎么画(staruml活动图怎么画菱形)
2026年4月10日 20:00







