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

最新推荐文章于 2024-04-30 00:46:37 发布
最新推荐文章于 2024-04-30 00:46:37 发布
阅读量2.9w 收藏 19
点赞数 8
分类专栏： html 文章标签： HTML相对路径--上级目录及下级目录的
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dahuzix/article/details/9276549
版权

如何表示上级目录

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

假设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>
dahuzix
关注
  • 8
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 认知-15-相对路径-同级和下级
weixin_63562705的博客
11-30 1516
3.2.3相对路径（常用） ★概念普及： · 当前文件：当前的html网页 · 目标文件：要找到的图片 ★相对路径：从当前文件开始出发找目标文件的过程 ★相对路径分类： · 同级目录 · 下级目录 · 上级目录 3.2.4相对路径-同级目录 ★同级目录：当前文件和目标文件在同一目录中 ★类似于：我（当前文件）和你（目标文件）都在大厅（一个文件夹中） · 生活中：两个人独处一室，我想找你，直接喊名字即可！ ★代码步骤：直接写目标文件的名字即可 · 方法一：<im..
java相对路径上上级_HTML相对路径相对目录--上级目录及下级目录的写法
weixin_42121272的博客
02-16 324
如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是：c:/Inetpub/wwwroot/sites/index.html在info.html加入index.html超链接的代码应该这样写：index...
HTML入门零基础教程（六）_html同一级路径(1)
2301_77110912的博客
04-30 206
【代码】HTML入门零基础教程（六）_html同一级路径(1)
HTML相对路径相对目录--上级目录及下级目录的写法
songyao222的博客
04-07 994
转自https://www.cnblogs.com/kenshinobiy/p/7783135.html
应用下级目录的html,HTML相对路径 上级目录及下级目录的写法分享
weixin_30894765的博客
06-22 554
如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html假设index.html路径是：c:Inetpubwwwrootsitesindex.html在info.html加入index.html超链接的代码应该这样写：index.html假设in...
java相对路径上上级_HTML相对路径 上级目录及下级目录的写法
weixin_42298971的博客
02-13 640
HTML相对路径 上级目录及下级目录的写法发布时间：2009-06-16 22:54:08 作者：佚名 我要评论如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html假设index.html路径是：c:Inetpubwwwrootsi...
html img返回上级目录,HTML相对路径 上级目录及下级目录的写法_HTML/Xhtml_网页制作...
weixin_34101914的博客
06-25 3017
如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html在info.html加入index.html超链接的代码应该这样写：index...
HTML中如何设置超链接相对路径--上级目录与下级目录的写法
weixin_34321753的博客
12-12 5226
　　HTML中用../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，再上层目录类似。 　　若chap1.html在D:php\Tutor\student1\math\chap1.html，student1.html在D:php\Tutor\student1.html，则在chap1.html中访问student1.html这样写： 　　<a href = "...
多级目录怎么好看html,HTML相对路径上级目录及下级目录的写法_HTML/Xhtml_网页制作...
weixin_28802499的博客
07-02 600
当前位置：Gxlcms > html代码 > HTML相对路径上级目录及下级目录的写法_HTML/Xhtml_网页制作HTML相对路径上级目录及下级目录的写法_HTML/Xhtml_网页制作时间：2021-07-01 10:21:17 帮助过：160人阅读如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所...
HTML相对路径 上级目录及下级目录的写法
09-28
如何表示上级目录 ../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html 假设index.html路径是：c:...
Python3 导入上级目录中的模块实例
09-19
5. 上级目录导入可以使用相对路径或修改`sys.path`后使用绝对路径。 6. 在包内使用相对导入可以提高代码的可读性和可移植性。 理解并掌握这些知识点对于构建复杂的Python项目至关重要，特别是涉及到多层级目录结构...
Nodejs读取文件时相对路径的正确写法(使用fs模块)
12-23
其实由于运行环境的不同，以上的相对路径的写法导致最后读取的位置是不同的。 正确的写法应该是使用”path.join()”的方式实现：(__dirname表示当前文件的目录名) //require 表示引包，引包就是引用自己的一个特殊...
php查询无限上级、无限下级
03-01
无限上级、无限下级查询的优点是可以快速查询出所有的上级和下级信息，且可以应用于多种树形结构的数据模型中，如组织架构、社交网络、论坛等。 在实际应用中，无限上级、无限下级查询可以用于实现树形结构的数据...
【创新未发表】Matlab实现黏菌优化算法SMA-Kmean-Transformer-LSTM负荷预测算法研究.rar
最新发布
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
PyTorch使用教程.pdf
07-29
PyTorch 是一个开源的机器学习库，广泛用于计算机视觉和自然语言处理等领域。以下是一个简化的 PyTorch 使用教程，不采用分点或Markdown格式。 首先，确保你安装了 PyTorch。你可以通过访问 PyTorch 官网获取安装指令，根据你的系统环境（如 Windows, macOS, Linux）和是否使用 GPU 支持进行安装。 安装完成后，你可以开始编写 PyTorch 代码了。 这里，我们将通过一个简单的例子来展示 PyTorch 的基本用法：创建一个简单的神经网络来识别手写数字（基于 MNIST 数据集）。
ubuntu man帮助手册
07-29
ubuntu man帮助手册
彩屏驱动开发技术资料提高篇TFT-51-11.zip
07-29
彩屏驱动开发技术资料提高篇TFT-51-11.zip
el-select 根据id显示对应的下级select
06-10
好的，针对您的问题，您可以通过在 el-select 的 change 事件中获取当前选中的 id，然后根据 id 去后端请求对应的下级选项数据，最后将数据赋值给下级的 el-select 组件即可。 以下是一个示例代码： ```html <template> <div> <el-select v-model="selectedId" placeholder="请选择" @change="loadSubOptions"> <el-option v-for="option in options" :key="option.id" :label="option.label" :value="option.id" /> </el-select> <el-select v-model="selectedSubId" placeholder="请选择"> <el-option v-for="subOption in subOptions" :key="subOption.id" :label="subOption.label" :value="subOption.id" /> </el-select> </div> </template> <script> export default { data() { return { selectedId: '', selectedSubId: '', options: [ { id: 1, label: '选项一' }, { id: 2, label: '选项二' }, { id: 3, label: '选项三' } ], subOptions: [] } }, methods: { async loadSubOptions() { // 根据当前选中的 id，请求对应的下级选项数据 const response = await this.$http.get(`/api/options/${this.selectedId}/sub-options`) this.subOptions = response.data } } } </script> ``` 在上面的示例代码中，我们定义了两个 el-select 组件，一个用于选择上级选项，一个用于显示下级选项。在上级 el-select 的 change 事件中，我们调用了 loadSubOptions 方法，该方法根据当前选中的 id 去后端请求对应的下级选项数据，并将数据赋值给 subOptions 属性。 在下级 el-select 中，我们通过 v-for 指令遍历 subOptions 数组，并将每个选项渲染成一个 el-option 组件。 希望这个回答能够帮到您，如果还有其他问题，请随时提出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值