HTML相对路径--上级目录及下级目录的写法

最新推荐文章于 2024-08-14 11:37:12 发布
最新推荐文章于 2024-08-14 11:37:12 发布
阅读量3.5w 收藏 20
点赞数 2
文章标签： html c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yihuei123/article/details/1619508
版权

如何表示上级目录

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

假设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>
 
yihuei123
关注
HTML-相对路径
主营前端方向，技术栈是vue
10-26 865
相对路径(src属性,相对路径，图片的格式,使用规则)
HTML相对路径简析
weixin_50342247的博客
12-16 7857
文章目录一、相对路径概念二、相对路径表示方法1.同一级路径2.下一级路径2.上一级路径 一、相对路径概念 相对路径：以引用文件所在位置为基础参考，而建立出的目录路径。 简单来说，即图片对于HTML页面的位置。 如下图所示，从三个方面考虑： 同一级路径 下一级路径 上一级路径 二、相对路径表示方法 1.同一级路径 如图片跟所在html文件为同一级时，直接写图片名即可，如下图： <body> <img src="img2.png" </body> 2.下一级路径
HTML相对路径
2201_75486403的博客
03-16 470
（3）图像文件位于HTML文件的上一级文件夹：在文件名之前加入"../"，如果是上两级，那么需要使用"../../"，以此类推，如<img src="../logo.gif"/>。（2）图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif"/>。（1）图像文件和HTML文件位于同一个文件夹：只需输入图像文件的名称即可，如<img src="logo.gif"/>。
目录与路径
最新发布
2201_75919595的博客
08-14 475
Linux路径和目录概述以及处理目录的命令
HTML 文件的相对路径
夏沐的博客
12-22 1784
        在实际工作中，通常需要有一个文件夹专门用于存放图片路径，之后在HTML中插入图像，一般常见的路径可以分为：相对路径和绝对路径。 相对路径的插入方式： （1）如果图像文件与HTML文件在同一个文件夹中，则只需要直接输入图像文件的名称即可，如： &lt;img src="logo.jpg"/&gt; （2）如果图像文件位于HTML文件的下一级路径，则需要输入文件夹名与文件名，中...
HTML相对路径，绝对路径
huaiyingdetective的博客
05-30 164
“…/”代表当前文件所在目录的上一级目录。 “…/…/”代表当前文件所在目录的上上级目录。 “…/…/…/”可以依次类推。 “/”代表根目录。 “./”表示当前目录，HTML中，可以省略。 ...
HTML 相对路径和绝对路径
caohongxing的博客
09-28 1197
绝对路径和相对路径的理解一直是很多农学的难点， 绝对路径是和当前html文件无关的一个路径，例如，D:/myvscode/project002/images/1.jpg 相对路径，是说从当前的html文件出发，从什么路径能够到达img或者html等等资源文件的路径。 例如，images/1.jpg ，表示从当前html的目录先进入到子目录images，然后就能找到1.jpg文件 index.html中： 如果要访问4.jpg，index.html文件和要访问的4.jpg是同目录的，...
html的相对路径和绝对路径
sunberryL的博客
03-13 820
相对路径相对路径：相对于本网页文件所在地址的路径， 在访问时可以访问该网页文件所在根目录、子目录、上一级目录的文件。例（利用相对路径在一个html文件中引用另一个html文件）：1、在同一个目录的文件引用 如果path1.html的路径是D:\Study\HTML\Practice\daily\path1.html 如果path2.html的路径是D:\Study\HTML\Practice\dai
【HTML】相对路径与绝对路径
qq_45677671的博客
01-03 2292
html 中相对路径与绝对路径的用法
html 的相对路径和绝对路径
weixin_62332711的博客
02-18 4813
图片的话，就要先 ../ 退出 test 文件夹（回到上一级目录）；退出 test 文件夹后。同级的 test 文件夹，通过 / 找到 test 文件夹下一级目录的。①所以我的 src 图片路径为：test/小女孩.jpg。1.2.路径前面加 ./，代表当前（同级）目录。图片在 test 文件夹里面；②的意思和①的意思一样，./ 代表同级目录；图片同级了，然后就就可以直接找到同级的。在 test 文件夹内，如果我要找到。②./ 代表当前目录，所以也可以用。代表当前（同级）目录下的。图片是在同一个目录；
html站点相对路径,HTML的相对路径和绝对路径？
weixin_29605607的博客
05-31 310
HTML有2种路径的写法：相对路径和绝对路径。HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index...
URL获取上级目录
weixin_30458043的博客
01-27 1152
　　　 /// <summary> /// 获取上级目录 /// </summary> /// <param name="url">完整Url</param> /// <returns></returns> public stri...
HTML中的相对路径与绝对路径
唐欢
07-21 2129
占位
HTML的 相对路径 和 绝对路径
weixin_45773503的博客
02-15 272
相对路径 ./ ：代表文件所在的目录（可以省略不写） …/ ：代表文件所在的父级目录 …/…/ ：代表文件所在的父级目录的父级目录 / ：代表文件所在的根目录 绝对路径 绝对路径是指完整的网址 . 相对路径的好处是什么？ 因为网站经常是在本地搭建测试过后才上传到服务器的，这时候网址就会变成本地路径，比如说"E: ./…/… a.html",直接用这样的地址设立超链接过后在本地浏览没啥问题，但是...
HTML的相对路径和绝对路径介绍
m0_58600615的博客
07-15 1446
/+文件名=========>代表当前文件夹的文件…/+文件名========>返回上一个文件夹的文件文件名+/==========>进入下一个文件夹的文件。
html中相对路径怎么写,什么是相对路径？相对路径的具体写法和用法
热门推荐
weixin_31925685的博客
05-30 2万+
之前，我们已经介绍了什么是绝对路径？绝对路径的具体写法和用法，今天，我们就一起来看看，有关相对路径的知识以及相对路径的具体写法和用法吧！什么是相对路径？相对路径是指以当前文件资源所在的目录为参照基础，链接到目标文件资源(或文件夹)的路径。假设，我们在一个A文件(比如a.html)中，链接另一个B文件(比如b.html)，也可以说是，当前文件A引用目标文件B，那么，相对路径就是以当前文件A所在的目录...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值