首页 > 分享 > 学习遇到的第一个小障碍———相对路径问题

学习遇到的第一个小障碍———相对路径问题

学习遇到的第一个小障碍———相对路径问题

最新推荐文章于 2024-09-28 16:29:52 发布

my_faker 于 2020-07-28 15:10:38 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

知识点:
定义:图片等相对于HTML页面的位置
同一级路径(直接写文件名)如:img src=“baidu.gif” /
下一级路径( / ) 如:img src=“images/baidu.gif” /
上一级路径(…/ ) 如:img src="…/baidu.gif" /(两个点)

但如果为上一级的下一级或者是下一级的下一级,该如何写代码。
其实只要记得( / )为下一级,(…/)为上一级就可以灵活运用

例如我下面的例子:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>01</title> </head> <body><img src="QQ图片20200311210931.png" width="1000"> <!--同一级的例子--><img src="images/QQ图片20200311210931.png" width="1000"> <!--下一级的例子--> </body> </html> 12345678910111213

<!doctype html> <html> <head> <meta charset="utf-8"> <title>01</title> </head> <body><img src="../QQ图片20200311210931.png" alt="图片不见鸟" /> <!--上一级的例子--><img src="../images/QQ图片20200311210931.png" alt="图片不见鸟" /><!--上一级的下一个例子--> </body> </html> 123456789101112

这个是目录
然后进入浏览器都可以看到图片而不会不显示图片

在这里插入图片描述
这就是本萌新的第一个小问题,以后还会有更多的内容分享哦

相关知识

学习遇到的第一个小障碍———相对路径问题
【科普】学习障碍知多少~
【学习障碍】学习障碍的病因
什么是学习障碍
孩子学习障碍有哪些表现
学习障碍的症状有哪些 宝宝发音不清楚的原因是什么
儿童学习障碍有什么治疗方法
学习障碍和认知能力训练
学习障碍概述
学习障碍症状

网址: 学习遇到的第一个小障碍———相对路径问题 https://m.mcbbbk.com/newsview289134.html

所属分类:萌宠日常
上一篇: 网络学习障碍分析与研究综述
下一篇: 学习成绩与注意力障碍是并列还是因