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

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

 但是打开网页版时，图片总是显示不出来，我去网上搜，重新学了一遍相对路径和绝对路径。

 

1.我刚开始是复制的绝对路径无法显示，然后去问别人说"相对路径"更容易显示。

2.我就在同一级目录下新建文件夹 images 放照片。但是还是没有成功。

3.后面想起来不知道在哪看的说： 在路径前加一个  "." 更好，我就加上去了，然后成功了。

 

总结：

1.绝对路径无法显示的原因是：
在用浏览器打开网页时帮你虚拟了一个服务器（可以认为在此虚拟服务器外的文件相当于在另一个电脑里），因此你点击webstorm右上角的浏览器图标打开网页时，网页路径是localhost:xxxx而你的图片也显示不出来。
因此尽量使用图片的相对路径
2. 如果还不成功可以加一个“.”。