html中使用img标签图片无法正常显示

在学习html+css过程中，自己在编辑器里尝试使用img标签来显示图片，是一张鲜花的图片：

 代码如下：刚开始写的是绝对路径，照片无法正常显示：后来经过问别人，别人建议把“\”换成“/”，更改后仍然无法正常显示；经检查，图片路径并无错误。

这是十分疑惑，不知道问题出在哪，于是又把图片移到了和代码同级目录下，看看相对路径是否能够成功。

移动后，将代码改成了

再次运行，浏览器上还是没有成功显示图片，只不过这次与上次的效果不同，之前是直接显示图片加载失败，并显示alt标签中的内容；这次则在显示一直加载，在等待服务器的相应：

 

 经过查资料，在路径前加了一个“.”：

 图片终于正常显示：

 总结：

1.绝对路径无法显示的原因是：

在用浏览器打开网页时帮你虚拟了一个服务器（可以认为在此虚拟服务器外的文件相当于在另一个电脑里），因此你点击webstorm右上角的浏览器图标打开网页时，网页路径是localhost:xxxx而你的图片也显示不出来。

因此尽量使用图片的相对路径

2.

相对路径的“.”是说在同一目录下，因此要记得加“.”