HTML相对路径

最新推荐文章于 2025-01-20 22:07:29 发布
原创 最新推荐文章于 2025-01-20 22:07:29 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文介绍在不同页面中正确引用图片资源的方法。通过示例说明如何在main.html和page1.html中设置正确的图片路径。

在这里插入图片描述
若main页面中要使用image文件夹中的图片
图片的路径为 “image/1.jpg”
若page1页面中要使用image文件中的图片
图片的路径为 “…/image/2.jpg”

…/表示返回上一层级

main.html在project1文件夹中
page1.html在page1文件夹中

HTML-相对路径
主营前端方向，技术栈是vue
10-26 959
相对路径(src属性,相对路径，图片的格式,使用规则)
HTML相对路径表示方法
10-30
相对路径表示方法 我们使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。下级目录用“/..”表示。同级目录不须用“/”，直接表示为“..”。 例1： 　　c:/website/web/index.htm 　　c:/website/img/photo.jpg 　　 　　在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢？ 　 正确写法：使用“../img/photo.jpg”的相对路径来定位文件 。。。。。
HTML相对路径(Relative Path)和绝对路径(Absolute Path)
phphot
02-13 6070
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？......(相关教程：HTML超链接；HTML图片)如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。为了避免这些错误，正确地引用文件
html相对路径问题及图片标签
02-06
本文将深入探讨“html相对路径问题”以及如何在HTML中正确使用图片标签。 **1. HTML相对路径** 相对路径是相对于当前HTML文件的位置来指定链接的路径。它分为几种类型： - **当前目录路径**：如果资源位于当前...
HTML 相对路径和绝对路径区别分析
09-28
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。...怎样在一个网页中插入一张图片如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链
HTML相对路径 上级目录及下级目录的写法
12-13
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html 在info.html加入index.html超链接的代码应该这样写： <a>index.html</a> 假设info....
HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解
12-14
…… 加上struts中相对路径也是大行其道，一不小心很容易搞混淆。 如果在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 为了...
【HTML】相对路径与绝对路径
qq_45677671的博客
01-03 2646
html 中相对路径与绝对路径的用法
HTML相对路径简析
weixin_50342247的博客
12-16 8644
文章目录一、相对路径概念二、相对路径表示方法1.同一级路径2.下一级路径2.上一级路径 一、相对路径概念 相对路径：以引用文件所在位置为基础参考，而建立出的目录路径。 简单来说，即图片对于HTML页面的位置。 如下图所示，从三个方面考虑： 同一级路径 下一级路径 上一级路径 二、相对路径表示方法 1.同一级路径 如图片跟所在html文件为同一级时，直接写图片名即可，如下图： <body> <img src="img2.png" </body> 2.下一级路径
html相对路径
wendy的博客
07-18 784
1. ./表示当前目录 2.../表示上一级目录 3.../../表示上上级目录。 4.以此类推。
html 的相对路径和绝对路径
weixin_62332711的博客
02-18 5778
图片的话，就要先 ../ 退出 test 文件夹（回到上一级目录）；退出 test 文件夹后。同级的 test 文件夹，通过 / 找到 test 文件夹下一级目录的。①所以我的 src 图片路径为：test/小女孩.jpg。1.2.路径前面加 ./，代表当前（同级）目录。图片在 test 文件夹里面；②的意思和①的意思一样，./ 代表同级目录；图片同级了，然后就就可以直接找到同级的。在 test 文件夹内，如果我要找到。②./ 代表当前目录，所以也可以用。代表当前（同级）目录下的。图片是在同一个目录；
HTML_相对路径、绝对路径、超链接、描点
no15870678621的博客
05-30 1361
HTML相对路径、绝对路径、超链接、描点
HTML中的相对路径与绝对路径
唐欢
07-21 2172
占位
html中相对路径怎么写,什么是相对路径？相对路径的具体写法和用法
热门推荐
weixin_31925685的博客
05-30 3万+
之前，我们已经介绍了什么是绝对路径？绝对路径的具体写法和用法，今天，我们就一起来看看，有关相对路径的知识以及相对路径的具体写法和用法吧！什么是相对路径？相对路径是指以当前文件资源所在的目录为参照基础，链接到目标文件资源(或文件夹)的路径。假设，我们在一个A文件(比如a.html)中，链接另一个B文件(比如b.html)，也可以说是，当前文件A引用目标文件B，那么，相对路径就是以当前文件A所在的目录...
HTML中相对路径和绝对路径详解
最新发布
ning的博客
01-20 1833
绝对路径是指文件的完整路径，它从根目录开始，完整地指向目标文件的位置。例如，一个图片文件的绝对路径可能是或本地路径。相对路径是相对于当前文件的位置来定位目标文件。它不依赖于根目录，而是根据当前文件所在的目录层级来确定路径。绝对路径和相对路径各有优缺点。绝对路径的优点是明确且唯一，但缺点是路径较长且依赖于服务器结构。相对路径则更灵活，路径较短，适合网站内部资源的引用。在实际开发中，建议根据具体需求选择合适的路径类型，以确保网站的可维护性和灵活性。版权声明：本博客内容为原创，转载请保留原文链接及作者信息。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值