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

知识点：
定义：图片等相对于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

然后进入浏览器都可以看到图片而不会不显示图片

这就是本萌新的第一个小问题，以后还会有更多的内容分享哦