相对路径和绝对路径怎么写(HTML相对路径和绝对路径)

:暂无数据 2026-04-10 21:00:03 0
在了解相对路径和绝对路径怎么写的过程中,您是否也曾对HTML相对路径和绝对路径感到困惑?别担心,接下来我将结合常见场景,带您一步步理清其中的关键点。

本文目录

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中绝对路径和相对路径的具体描述

绝对路径:从根目录出发直达文件一条路径。以“\”开头,后跟若干用“\”分隔的目录名。用绝对路径可访问磁盘中所有的位置。
相对路径:从当前目录出发抵达文件的一条路径。相对路径中第一个目录名必须是当前目录下的一个子目录。

有关相对路径和绝对路径怎么写HTML相对路径和绝对路径,我们就先探讨这些。如果你有独特的经验或问题,期待在下方看到你的声音。
本文编辑:admin

更多文章:


饿了么是阿里巴巴的吗(饿了么散店简称)

饿了么是阿里巴巴的吗(饿了么散店简称)

本篇文章给大家谈谈饿了么是阿里巴巴的吗,以及饿了么散店简称对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

2026年4月10日 23:00

c语言char的用法(C语言中char是什么概念 怎么用)

c语言char的用法(C语言中char是什么概念 怎么用)

从一个常见的误区说起:很多人学c语言char的用法,却忽略了C语言中char是什么概念 怎么用。结果事倍功半。希望你不会再犯这个错误。

2026年4月10日 22:40

traceable(NIST是什么NIST-traceable怎么翻译)

traceable(NIST是什么NIST-traceable怎么翻译)

有研究表明,成功掌握traceable的学习者,普遍在NIST是什么NIST-traceable怎么翻译这个环节投入了更多精力。其重要性不言而喻。

2026年4月10日 22:20

habits(habits怎么读 麻烦打上拼音)

habits(habits怎么读 麻烦打上拼音)

当我们讨论habits时,我们真正需要关注的是什么?很多高手的答案都指向了:habits怎么读 麻烦打上拼音。为什么?

2026年4月10日 22:00

c语言二维数组的排序(如何用c语言给输入的二维数组每一行排序)

c语言二维数组的排序(如何用c语言给输入的二维数组每一行排序)

关注本号的朋友都知道,我们一直在持续输出关于c语言二维数组的排序的干货。今天,我们就聚焦到大家反复问到的如何用c语言给输入的二维数组每一行排序上。

2026年4月10日 21:40

under no circumstances(under no conditi*** 和 under no circumstances有什么区别为什么下面这句话中不能选 A)

under no circumstances(under no conditi*** 和 under no circumstances有什么区别为什么下面这句话中不能选 A)

承接之前对under no circumstances的讨论,本篇我们将视角下沉,专门来聊聊实操中无法回避的under no conditi*** 和 under no circumstances有什么区别为什么下面这句话中不能选 A问题,

2026年4月10日 21:20

相对路径和绝对路径怎么写(HTML相对路径和绝对路径)

相对路径和绝对路径怎么写(HTML相对路径和绝对路径)

在了解相对路径和绝对路径怎么写的过程中,您是否也曾对HTML相对路径和绝对路径感到困惑?别担心,接下来我将结合常见场景,带您一步步理清其中的关键点。

2026年4月10日 21:00

现在香港疫情最新消息(现在去香港需要隔离吗)

现在香港疫情最新消息(现在去香港需要隔离吗)

面对现在香港疫情最新消息这个议题,很多人在现在去香港需要隔离吗这里栽了跟头。今天,我们就来聊聊如何避免这个坑,轻松上手。

2026年4月10日 20:40

xml格式资源网(文件夹中出现一个压缩包包含xml后缀的一些文件)

xml格式资源网(文件夹中出现一个压缩包包含xml后缀的一些文件)

各位朋友,关于xml格式资源网的讨论一直很多,今天咱们不聊复杂的,就聚焦于文件夹中出现一个压缩包包含xml后缀的一些文件,用最直白的方式把它讲清楚。

2026年4月10日 20:20

staruml部署图怎么画(staruml活动图怎么画菱形)

staruml部署图怎么画(staruml活动图怎么画菱形)

有没有这种经历:明明想搞懂staruml部署图怎么画,却被staruml活动图怎么画菱形卡住了脖子?今天这篇文章,就是专治这种“卡脖子”问题的。

2026年4月10日 20:00

最近更新

traceable(NIST是什么NIST-traceable怎么翻译)
2026-04-10 22:20:02 浏览:0
habits(habits怎么读 麻烦打上拼音)
2026-04-10 22:00:02 浏览:0
under no circumstances(under no conditi*** 和 under no circumstances有什么区别为什么下面这句话中不能选 A)
2026-04-10 21:20:02 浏览:0
热门文章

标签列表