知识点:
定义:图片等相对于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
然后进入浏览器都可以看到图片而不会不显示图片
这就是本萌新的第一个小问题,以后还会有更多的内容分享哦