关于html中引用图像相对路径的问题

1、例如：<img src="img1.png" />,双引号下直接是文件名，这是找当前文件（3-图片标签.html）所在目录(图片标签)下的img1.png。

2、当img1.png在图片标签目录在，那么就可以防问到。点击可以预览到图片效果。另外<img src="./img1.png" />和<img src="img1.png" />是一样的，但是当前路径。

3、如下图，当我们把img1.png移动到图片标签的上层目录html标签时。这时<img src="img1.png" />路径不对。无法显示图片。

4、如果想访问到这张图片，可以使用<src="../img1.png" />../    就是代表上层目录。图片标签目录的上层目录就是——html标签目录。

5、我们将图片再往外挪到web01-html目录下。这时候并不是加一个点可以访问到（并不是  .../），而是再加一个上层目录,具体几个上层目录，主要看参照物是当前文件（3-图片标签.html）所在目录——图片标签<src="../../img1.png">。

6、接下来我们把图片放到web01-html目录下的img目录。注意参照物是图片标签（也就该html文件所在的目录）,相对路径就是相对这个目录的。

<img

src="file:///D|/Pictures/suzumiya.png"

/>

这是正确路径。

如果想上传到服务器上，那么你在做这个项目的时候，就必须建立站点，俗话就是必须把这个项目放进一个有规划的文件夹中。之后在项目中，引这个图片路径的时候用相对路径引用。

相对路径的意思是，你所引用的这个文件相对于你项目页面所在的位置。

此后，在传到服务器后，客户端能看到的！

谢谢采纳

<img>标记中图片的插入分相对路径和绝对路径两种，一般都用相对路径的。而你所提供的<img src="C:/Documents and Settings/Administrator/My Documents/My Pictures/460.jpeg"这是一个绝对路径，一般html是不提倡的，你可以使用相对路径，就是说你的图片相对于你做的页面的路径，假设我的页面在E盘html文件夹下，图片1.jpg也在E盘html文件夹下，那么你的图片地址就是<img src="1.jpg">同级文件夹下的图片直接写图片名称插入，如果是在上一级假设在E盘下，那么地址为<img src="../1.jpg"> 如果是放在html文件夹中还有一个img文件夹里面，那么路径为<img src="img/1.jpg">

至于你说的把文件和图片放同一目录的话你上面的代码应该是这样<img src="460.jpeg" width="50" height="60" />

希望我的解答对你有所帮助，祝您学习愉快

---