图片路径问题

在写图片的路径时,有两种写法:相对路径、绝对路径

写法一:图片的相对路径
相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和上一层目录。

举例1:

<!-- 当前目录中的图片 -->
<img src="2.jpg">
<img src=".2.jpg">

<!-- 上一级目录中的图片 -->
<img src="..2.jpg">
相对路径不会出现这种情况:

aaa/../bbb/1.jpg
../要么不写,要么就写在开头。

举例2:

<img src="images/1.jpg">
写法二:图片的绝对路径
绝对路径包括以下两种: (1)以盘符开始的绝对路径。举例:
<img src="C:UsersqianguyihaoDesktophtmlimages1.jpg"> (2)网络路径。举例: <img src="http://img.smyhvae.com/20200122_200901.png"> 相对路径和绝对路径的总结 相对路径的好处:站点不管拷贝到哪里,文件和图片的相对路径关系都是不变的。相对路径使用有一个前提,就是网页文件和你的图片,必须在一个服务器上。 问题:我的网页在C盘,图片却在D盘,能不能插入呢? 答案: 用相对路径不能,用绝对路径也不能。 注意:可以使用file://来插入,但是这种方法,没有任何意义!因为服务器上没有所谓c盘、d盘。 下面的方法是行的,但是没有任何工程上的意义,这是因为服务器没有盘符,linux系统没有盘符: <img src="file://C:UsersqianguyihaoPictures明星1.jpg" alt="" />

总结一下: 无论是在 a 标签还是 img 标签上,如果要用路径。只有两种路径能用,就是相对路径和绝对路径: 相对路径从自己出发,找到别人。 绝对路径,就是http://或者https://开头的路径。 绝对不允许使用file://开头的文件,这个是完全错误的!




 
原文地址:https://www.cnblogs.com/fightforcoder/p/12733499.html