html图片加载不出来 图片相对路径问题

现象:图片加载不出来，如下

原因:路径不对

刚开始学html的我们可能会直接复制图片的路径，如下

这个是绝对路径，会加载不出来

我们要用相对路径（我们把图片放在img文件夹下后，相对路径就是当前编辑的js文件睁眼可以看到的img开始）如下

这样就成功加载出来了