HTML 认知-15-相对路径-同级和下级

最新推荐文章于 2023-10-31 19:36:45 发布
VIP文章 最新推荐文章于 2023-10-31 19:36:45 发布
阅读量1.4k 收藏 1
点赞数 2
文章标签： html 前端 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63562705/article/details/121629091
版权

3.2.3相对路径（常用）

★概念普及：

· 当前文件：当前的html网页

· 目标文件：要找到的图片

★相对路径：从当前文件开始出发找目标文件的过程

★相对路径分类：

· 同级目录

· 下级目录

· 上级目录

3.2.4相对路径-同级目录

★同级目录：当前文件和目标文件在同一目录中

★类似于：我（当前文件）和你（目标文件）都在大厅（一个文件夹中）

· 生活中：两个人独处一室，我想找你，直接喊名字即可！

★代码步骤：直接写目标文件的名字即可

· 方法一：<img> src="目标图片.gif"> · 方法二：<img> src="./目标图片.gif">

3.2.5相对路径-下级目录

★下级目录：目标文件在下级目录中

最低0.47元/天 解锁文章
Keep learning（Poker）
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
CSS 同级元素position:fixed和margin-top共同使用的问题
09-22
主要介绍了CSS 同级元素position:fixed和margin-top共同使用的问题的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML相对路径表示方法
10-30
相对路径表示方法 我们使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。下级目录用“/..”表示。同级目录不须用“/”，直接表示为“..”。 例1： 　　c:/website/web/index.htm 　　c:/website/img/photo.jpg 　　 　　在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢？ 　 正确写法：使用“../img/photo.jpg”的相对路径来定位文件 。。。。。
浅谈Pycharm调用同级目录下的py脚本bug
12-24
环境：python3.5,pycharm2017.2.3 目录结构 a.py t=5 b.py from a import t print(t) 平台显示 出现红色波浪线警示。 强行运行 #Out: 5 仍然成功运行 总结 这可能是pycharm的bug(如果读者读取sys路径，会发现当前路径其实已经被包括)。 所以读者无需理会该bug，强行运行即可。 唯一不舒服的地方就是没办法自动填写代码。 以上这篇浅谈Pycharm调用同级目录下的py脚本bug就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
谈谈PHP中相对路径的问题与绝对路径的使用
01-19
问题描述 首先我们先来看一下我们这个例子的目录结构以及这三个文件的内容 a.php <?php include './c/d.php' b.php <?php define('__B', 'this is a test'); c/d.php <?php include '../b.php'; var_dump(__B); 在c目录下面的d.php文件引用了它的上级目录下的 b.php 文件 单独运行 c/d.php 的时候不会出问题 但是，如果在和b同级目录下的a.php引用c/d.php的话就会出问题了 它报错说的是文件不存在 思考 大概意思就是 a.php 把 c/d.
SpringBoot上传文件到本服务器 目录与jar包同级问题
08-26
主要介绍了SpringBoot上传文件到本服务器 目录与jar包同级问题,需要的朋友可以参考下
【HTML】HTML 标签 ④ ( 文件路径 | 相对路径 | 绝对路径 | 同级目录 | 下一级目录 | 上一级目录 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-06 3454
一、文件路径、 1、绝对路径、 2、相对路径 ( 同级目录访问 | 下级目录访问 | 上级目录访问 )
前端学习笔记（一）
weixin_45515107的博客
11-09 535
HTML 1、标签 <!DOCTYPE html> <head> <meta charset="UTF-8"> <meta name="viewport" content="wideth=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>练习</title.
02. HTML - 标签学习（1）
蓝胖子 (*^_^*)的博客
08-06 363
排版标签 标题标签 标题标签：用来突出显示文章主题 代码：h系列标签 <body> 普通的文字 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h4> </body> 语义：1.
同一级目录如何表示
hello
05-17 9991
当前目录： ./文件名 同一级目录： ../文件名 上上级目录: ../../文件名 下级目录: 目录名/文件名 上上级目录: ../../文件名 下级目录: 目录名/文件名 从根目录开始： /文件名/文件名 ...
相对路径书写方式
热门推荐
weixin_44136242的博客
07-22 1万+
相对路径的书写方式： (1) 与“当前文件”同级，可以使用“./”，其中“./”可以省略。 (2) 与“当前文件”不同级，书写方式如下： a) 当目标文件在“当前文件”上一级时，可以使用“. ./”，每一个“. ./”代表往上找一级。 b) 当目标文件在“当前文件”所在级别的下面时，可以从当前级别往下查找。eg：相当于绝对路径的写法<img src="source/img/1.png">或者<img src="./source/img/1.png"> 注意： 1、项..
CSS与JS中的相对路径引用简单介绍
01-19
javascript和css文件中采用相对路径，其基准路径是完全不同的。 1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件，则index.php即为宿主)所处位置为基准。 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! 大家在html中通常会导入一些外部的css、js文件，而其中一个比较容易被忽视的问题就是路径问题，有时候，我们在css、js中都有通过路径来引入一张图片的需求，当我们采用相对路径的时候，在css和js中引用图片的相对路径的基准是不一样的。在css中出现的相对路径，是以css
react-metatags-hook:React Hook管理html meta标签
03-17
*和twitter:*元标记的便捷方法特征Dependencies数组，以更好地控制元标记的更新卸载组件时，将删除其元标记在可能的情况下，现有标签会更新而不是重新创建（即使在不同的组件中创建） DOM更改会被反跳，以避免无意义...
npm-repository:npm存储库代理
05-01
npm-repositorynpm repository proxy用于npm...配置npm仓库地址：npm config set registry 内网使用：1、将npm-repository-0.0.1-SNAPSHOT.jar和同级目录生成的repository仓库文件一同拷贝到内网环境中，部署运行2、
chat-server-gg:WebSocket扩展的基础
03-06
（MQ） ：发布/订阅模式的同级，当订户和发布者不需要同时与MQ进行交互时使用。 这意味着将消息放入队列中，以便稍后由接收方处理 ：是一个中间计算机程序模块，它将消息从发送方的正式消息传递协议转换为接收方的...
vscode-swap:反转或旋转JavaScript和TypeScript中的关键字
03-21
反转或旋转JavaScript，Shell Script和TypeScript中的关键字。 交换关键字0.15.0的新功能 添加了Shell脚本关键字。 添加了break并continue相反的操作。 将命令l13Swap.invert更改为l13Swap.action.keyword.invert 。...
高效办公必备：不同路径文件一键批量移动到同一目录的技巧
最新发布
m77672471的博客
10-31 568
在高效办公中，文件的批量移动和管理是一项常见的任务。有时候，我们需要将文件从不同的路径移动到同一个目录中，以便于管理和查找。操作1、先执行云炫文件管理器，接着在左侧列表中点击“文件智能管理箱”功能，再点击“文件批量管理任务”进入相对界面中。操作4、已添加的任务显示在任务列表中。操作3、选择任务名称为“按文件类型归类”，并设定细节参数，最后点击“添加本任务”。操作5、执行的速度很快，看到执行完毕，点击“打开”进入目标文件夹所在路径查看。操作2、点击“添加文件夹中的文件”选择主目录路径再点击确定。
上级目录,同级目录简写【../,./】
集电极
09-12 6847
上级目录,同级目录简写【…/,./】 上级目录【…/】 例如： ../dataset/lena.png 表示程序上级目录的dataset文件夹的lena.png文件 同级目录【./】 例如 ./dataset/lena.png 表示程序目录下的dataset文件夹的lena.png文件，也可以不写，主要是./表示兼容性好 ...
SSM完成图片的上传并且实现上传的图片可以正确显示，文件和项目同级目录下的访问方法
weixin_42334518的博客
08-21 1345
需求：通过前台选择图片，上传到服务器后，文件的路径保存数据库，下次访问根据数据库路径能正确显示。 先从数据库开始： 基本需要包含以下的字段：name(文件名)，path（路径），设置为varchar类型就可以。 然后就是至少实现该文件数据表的增加和查询，删除修改实现最好，这些基础功能在这里就不在赘述。接下来开始： 表单设计 <form id="fom" enctype="multipart/form-data" style="margin-bottom:20px;"> <di
笔记-HTML2
Saito__Asuka的博客
05-10 479
1.1 路径 一 绝对路径 绝对路径一般以盘符为起点来进行查找, 或者就是一个绝对URL地址. 二 相对路径 相对路径就是相对某一个已知的文件为起点进行资源查找. 1.2 相对路径用法 分为三种: 同级路径、下级路径、上级路径。 1 同级路径：同级指的就是 HTML 网页和目标图片在同一级目录里。对于同级路径的使用, 我们只需要在 src 中写入目标图片的名称即可。 2 下级路径：下级指的就是图片在 html 文件的下级目录中。此时我们需要使用一个 / 来向下进行穿透查找 3 上级路径 : 图片在html
uni-app tabbar和uni-popup 同级问题
05-25
在uni-app中，tabbar和popup是两个不同的组件，它们默认是同级的。如果你想要让popup显示在tabbar之上，可以通过设置popup组件的z-index属性来实现。例如，将popup的z-index设置为999，将tabbar的z-index设置为1，就...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Keep learning（Poker）

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值