关于自学萌新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="图片"/>
运行结果如下:
解决路径问题!