html相对路径的三种写法（HTML相对路径怎么写）

本文目录

• HTML相对路径怎么写
• html中img的src相对路径怎么写
• HTML中的相对路径和绝对路径是什么意思
• HTML中三种路径的问题
• html语言中的相对路径问题

HTML相对路径怎么写

你用法没有错误，你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠(\).

在html里面引用外部image,或者html都是./这样写的。例如A，B是2个页面并且在同一个目录下。你要在B中点击时候跳转到A页面你就要这样写《a href=“A.html“ /》

如果A在B的上级目录下你要在B中点击跳转到A你就要这样写了《a href=“../A.html“/》,此时2个点就定位到了B的上级目录，也就是和A同一个目录了，这就是相对定位。

具体代码看下图

扩展资料:

比如html中想使用《img》标签来引入一个图片，那图片的引用src属性就涉及到一个路径问题。

相对路径指的是什么呢？指的就是相对于当前资源（当前资源现在指的就是html文件的位置）所在目录的位置。

1.比如一个文件夹叫hello

里面的文件一个叫demo.html

另一个叫2.jpg

则在demo.html中引用2.jpg文件时就可以直接写《img src=“2.jpg“ alt=“这是一只大松树“》,因为2.jpg现在相对于demo.html（当前资源）所在的目录hello,是直接在文件夹中的，所以正确。

2、当不在一个目录下时，怎么办?比如此时有了另一个文件夹world与hello文件夹并列，2.jpg此时位于world文件夹中，此时该如何引用呢？

答案：      ../可以返回上一级目录，需要返回几级目录就写几个../

此时可以写作《img src=“../world/2.jpg“》即可。

html中img的src相对路径怎么写

html中img的src相对路径的写法：

同一个目录的文件引用---直接写引用文件名即可。如果源文件和引用文件在同一个目录里，直接写引用文件名即可，这时引用文件的方式就是使用相对路径。

例如：

我们现在建一个源文件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“》这是超连接《/a》Notice:

如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。

假设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“》这是超连接《/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》

Notice：如何表示下级目录引用下级目录的文件，直接写下级目录文件的路径即可。

假设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“》这是超连接《/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“》这是超连接《/a》

HTML绝对路径：

在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website /img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以

HTML中的相对路径和绝对路径是什么意思

绝对路径：是从盘符开始的路径，形如C:\windows\system32\cmd.exe相对路径：是从当前路径开始的路径，假如当前路径为C:\windows要描述上述路径，只需输入system32\cmd.exe实际上，严格的相对路径写法应为.\system32\cmd.exe其中，.表示当前路径，在通道情况下可以省略，只有在特殊的情况下不能省略。假如当前路径为c:\program files要调用上述命令，则需要输入..\windows\system32\cmd.exe其中，..为父目录。当前路径如果为c:\program files\common files则需要输入..\..\windows\system32\cmd.exe另外，还有一种不包含盘符的特殊绝对路径，形如\windows\system32\cmd.exe无论当前路径是什么，会自动地从当前盘的根目录开始查找指定的程序。

HTML中三种路径的问题

==1绝对路径，以磁盘上的地址构成的路径，如 d:\images\001.jpg==2跟路径，是网站空间最上层的路径，可以用【点+斜杠】【./】表示==3相对路径，以网站某个页面相对的路径，如 aa.html，如果里面某个链接为 /images/001.jpg，images目录就是和aa.html平行的 相对路径。 按照网站使用的频率，3最多，其次2、1最少。.相对路径不会因为环境的改变（如本机上传到空间）而产生错误。

html语言中的相对路径问题

-如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 copyright dedecms为了避免这些错误，正确地引用文件，我们需要学习一下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超链接的代码应该这样写： copyright dedecms 《a href = “index.html“》index.html《/a》本文来自织梦如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 copyright dedecms 假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html在info.html加入index.html超链接的代码应该这样写： 内容来自dedecms 《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超链接的代码应该这样写： copyright dedecms《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超链接的代码应该这样写： dedecms.com《a href = “../wowstory/index.html“》index.html《/a》如何表示下级目录引用下级目录的文件，直接写下级目录文件的路径即可。 copyright dedecms假设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超链接的代码应该这样写： dedecms.com《a href = “html/tutorials/index.html“》index.html《/a》HTML绝对路径(Absolute Path)HTML绝对路径(absolute path)指带域名的文件的完整路径。 本文来自织梦 假设你注册了域名www.meyouxi.com/html，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如www，这个www就是你网站的根目录。 本文来自织梦假设你在www根目录下放了一个文件index.html，这个文件的绝对路径就是： 内容来自dedecms (www.meyouxi.com)