HTML相对路径简析

最新推荐文章于 2022-07-15 20:25:24 发布
最新推荐文章于 2022-07-15 20:25:24 发布
阅读量7.3k 收藏 33
点赞数 8
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50342247/article/details/111274748
版权

文章目录

一、相对路径概念

相对路径：以引用文件所在位置为基础参考，而建立出的目录路径。
简单来说，即图片对于HTML页面的位置。
如下图所示，从三个方面考虑：

  1. 同一级路径
  2. 下一级路径
  3. 上一级路径
    在这里插入图片描述

二、相对路径表示方法

1.同一级路径

如图片跟所在html文件为同一级时，直接写图片名即可，如下图：
在这里插入图片描述

<body>
    <img src="img2.png"
</body>
</
最低0.47元/天 解锁文章
Akihi0509
关注
  • 8
    点赞
  • 踩
  • 33
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
html中相对路径怎么写,什么是相对路径？相对路径的具体写法和用法
weixin_31925685的博客
05-30 2万+
之前，我们已经介绍了什么是绝对路径？绝对路径的具体写法和用法，今天，我们就一起来看看，有关相对路径的知识以及相对路径的具体写法和用法吧！什么是相对路径？相对路径是指以当前文件资源所在的目录为参照基础，链接到目标文件资源(或文件夹)的路径。假设，我们在一个A文件(比如a.html)中，链接另一个B文件(比如b.html)，也可以说是，当前文件A引用目标文件B，那么，相对路径就是以当前文件A所在的目录...
HTML-相对路径
主营前端方向，技术栈是vue
10-26 808
相对路径(src属性,相对路径，图片的格式,使用规则)
【HTML】相对路径与绝对路径
qq_45677671的博客
01-03 1996
html 中相对路径与绝对路径的用法
HTML有2种路径的写法：绝对路径和相对路径
凡是过往，皆为序章
11-30 3万+
HTML相对路径(Relative Path) 同一个目录的文件引用 如果源文件和引用文件在同一个目录里，直接写引用文件名即可。 我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。 假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html 假设index.html路径是：c:/Ine...
详解HTML的相对路径写法
绝圣弃智-零的博客
03-28 7742
如何表示上级目录 ../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html 在info.html加入index.html超链接的代码应该...
web html 绝对路径,Asp.Net Core Web相对路径、绝对路径整理
weixin_35645230的博客
06-15 525
一、相对路径1.关于Asp.Net Core中的相对路径主要包括两个部分：一、Web根目录，即当前网站的目录为基础；二、内容目录wwwroot文件夹，对于静态文件都放在这个目录。2.获取控制器，Action的路径对于控制器、视图的链接生成，主要通过视图上下文、控制器上下文的Url对象Url对象实现了IUrlHelper接口，主要功能是获取网站的相对目录，也可以将‘~’发号开头的转换成相对目录。//...
大数据时代乡村旅游电子商务发展路径简析.pdf
07-05
大数据时代乡村旅游电子商务发展路径简析.pdf
Android RelativeLayout相对布局属性简析
09-05
在Android应用开发中，界面设计是一项至关重要的任务，而RelativeLayou
车载GPS路径规划简析.pdf
09-08
车载GPS路径规划简析.pdf
简析LED路灯电源防雷设计路径-论文
05-21
【LED路灯电源防雷设计的重要性】 LED路灯作为城市照明的重要组成部分，长期暴露在户外环境中，易受雷电天气的影响。雷电具有巨大的能量和破坏力，直击雷和感应雷都可能对LED路灯电源造成严重损害，不仅会导致灯具...
html的相对路径和绝对路径
sunberryL的博客
03-13 781
相对路径相对路径：相对于本网页文件所在地址的路径， 在访问时可以访问该网页文件所在根目录、子目录、上一级目录的文件。例（利用相对路径在一个html文件中引用另一个html文件）：1、在同一个目录的文件引用 如果path1.html的路径是D:\Study\HTML\Practice\daily\path1.html 如果path2.html的路径是D:\Study\HTML\Practice\dai
HTML的相对路径和绝对路径介绍
m0_58600615的博客
07-15 1414
/+文件名=========>代表当前文件夹的文件…/+文件名========>返回上一个文件夹的文件文件名+/==========>进入下一个文件夹的文件。
HTML网页中显示图片（相对路径 绝对路径）
weixin_44338928的博客
04-13 3万+
HTML网页中显示图片使用标签<img> 要在页面上显示图像，需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。 定义图像的语法是：<img src="url" /> 定义图片大小：<img src="url" width="x" height="y"/> URL 指存储图像的位置。如果名为 “boat.gif” 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 http://www.
html++相对地址什么意思,详解相对路径和绝对路径的区别
weixin_36072221的博客
06-25 396
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链...
html相对路径
zl325118的博客
07-03 1081
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？种路径的写法：相对路径和绝对路径。假设info.html路径是。如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。为了避免这些错误，正确...
HTML相对路径(Relative Path)和绝对路径(Absolute Path)
phphot
02-13 5901
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？......(相关教程：HTML超链接；HTML图片)如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。为了避免这些错误，正确地引用文件
html <a>、<css>、<script>中src引用文件的路径问题
热门推荐
郭洋羊羊羊羊的博客
11-04 4万+
在编写web应用的时候，难免会在一个文件中引用外部的文件，例如样式表css文件以及一些脚本js文件，这样做的目的无疑是提高代码的复用率。但是在引用文件时，一定要引用正确的文件路径，不然是访问不到相关文件的。 总结一下，一共有如下几种方式引用相关文件： 前提： 相关目录结构： 方法一：使用相对于当前文件（源文件）的相对路径 这样在页面使用http://localhost
HTML相对路径表示方法
hit_hyc的专栏
01-07 1万+
（原文链接http://wenku.baidu.com/view/a162068bd0d233d4b14e69ff.html） 相对路径表示方法                                         我们使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。下级目录用“/..”表示。同级目录不须用“/”，直接表示为“..”。
HTML相对路径
weixin_40997360的博客
03-20 615
HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html假设index.html路径是：c:/Inetpub/www...
C# ToolStripProgressBar 用法简析
最新发布
08-11
ToolStripProgressBar 是 C# 中的一个控件，用于显示进度条。它通常用于表示某个操作的进度，例如文件下载、任务执行等。 要使用 ToolStripProgressBar，首先需要在窗体或用户控件中添加一个 ToolStrip 控件。然后，在 ToolStrip 上添加一个 ToolStripProgressBar 控件。 接下来，可以通过以下代码设置 ToolStripProgressBar 的属性和方法： 1. Value 属性：表示当前进度的值。可以通过设置该属性来改变进度条的进度。 ``` toolStripProgressBar1.Value = 50; ``` 2. Maximum 属性：表示进度条的最大值。默认为 100。可以通过设置该属性来改变进度条的最大值。 ``` toolStripProgressBar1.Maximum = 200; ``` 3. Minimum 属性：表示进度条的最小值。默认为 0。可以通过设置该属性来改变进度条的最小值。 ``` toolStripProgressBar1.Minimum = 0; ``` 4. Step 属性：表示每次增加或减少进度条的步长。默认为 1。可以通过设置该属性来改变步长。 ``` toolStripProgressBar1.Step = 10; ``` 5. PerformStep 方法：根据步长增加或减少当前进度的值。 ``` toolStripProgressBar1.PerformStep(); ``` 6. Style 属性：表示进度条的显示样式。有多种样式可选，如 ProgressBarStyle.Blocks、ProgressBarStyle.Continuous、ProgressBarStyle.Marquee 等。 以上是 ToolStripProgressBar 的基本用法简析，希望能对你有所帮助！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值