关于HTML语言img标签图像显示问题解决方法

关于自学萌新HTML语言img标签图像显示问题解决方法

有很多的自学朋友在img标签上图像的加载问题上，有很多的疑惑，我明明跟着视频教程一步步走的，也没有语言错误，怎么就显示不出来图片呢？

说一下我自学到现在碰到的一些img标签的问题

img标签引用如下

<img id="pic" src="相对/绝对地址" alt="图片"/>

在一些视频的教学中，一些常见的写法其实并没有过错，知识编辑器和版本的一些区别，导致了img的标签路径错误。

解决方法

例如，以我在电脑Web站点文件夹下设置专门存放图片的文件夹image，图片point.jpg存放在image文件夹中，那我们的相对路径就是image/point.jpg

<img id="pic" src="image/point.jpg" alt="图片"/>

在一些教学视频中，教学所使用的是sublime text3编辑器，这么写是正确的，图片正常显示。

但是在Dreamweaver中，这么写就显示图像未找到，表示路径不对。

解决办法①：再加一个路径符号 /image/point.jpg

<img id="pic" src="/image/point.jpg" alt="图片"/>

解决方法②：再加同站点相对路径符号 …/image/point.jpg

<img id="pic" src="../image/point.jpg" alt="图片"/>

运行结果如下：

解决路径问题！