学HTML遇到的问题:图片在网页上展示不出来

按照教材给的代码,

图片是放在images文件夹下的,用浏览器打开发现图片显示不出来,但是好像没有报错?用好几个浏览器来试都不行,结果如图,

img

<html>
  <head>
    <meta charset="utf-8">
    <title>ab</title>
  </head>
  <body>
    <img src="images/jingxuan-icon.png" alt="ab">
  </body>
</html> 

你的路径为何又两个.html,文件名你没有设置好呀
先说一下不显示的原因:
1.图片名字你写的不对,或者图片不存在
2.相对路径有问题,你写的相对路径必须你的html和images文件夹在同一级目录下,否则不显示
除了这两个基本上就没什么,相对路径不行你就试试写绝对路径,例如:C:\Users\rgh\Pictures\3.jpg
再不行的,你试试远程路径,百度随便一张图片,复制他的路径,粘贴过去,然后保存看看显示不显示
例如:https://img0.baidu.com/it/u=2892549580,1606102203&fm=26&fmt=auto&gp=0.jpg

换成绝对路径试一下

html文件是否与images同级 如果不同级需返回到同级目录再往下

image文件夹和html在同一个文件夹的话可以用
<img src="images/jingxuan-icon.png" alt="ab">
如果html文件在image同级的文件夹里用
<img src="../images/jingxuan-icon.png" alt="ab">

试试src='./xx/xx/xx.png'

../文件夹/路径/图片名称

你得把你的文件目录贴出来。 上下级。或者直接找到图片目录加图片名字和后缀,复制到这个src里面

贴文件目录,报错信息

试着在前面加 ./ 呢