学习Javaweb的第一天：绝对路径和相对路径

最近在学习Javaweb时，发现按照书本上的办法插入的图片显示不了。
按照书上的语法，HTML图像通过< img >标记进行插入：

< img src=“图像源文件路径” alt=“图片无法显示时的提示文字” title=“鼠标经过图片时的提示文字”/>

于是我上网查了一些资料，发现要解决这个问题，需要首先解决路径问题。
在img标签中，要想正确在浏览器显示图像，我们必须给出图像的准确路径，即< img>标签的src属性。这里的路径可以是绝对路径，也可以是相对路径。

那么，什么是绝对路径和相对路径呢？

绝对路径
绝对路径是完全路径，也就是文件在硬盘上的真正路径。比如我在桌面上存放了一张名为abc.png的图片，那么该图片的路径为C:\Users\xanxus\Desktop\abc.png

相对路径
相对路径是以当前文件所在的路径为基准进行相对文件的查找。也就是说，相对路径是在同一个网站下，不同文件之间的的位置定位。
相对路径的写法首先就是要分析当前网页的位置和图像的位置之间的关系，然后用一种方式把他们之间的相对关系表达出来。

相对路径使用的特殊符号：
以下为建立路径所使用的几个特殊符号，及其所代表的意义。

" ./ "：代表目前所在的目录。

". ./ "：代表上一层目录。

以 / 开头：代表根目录。
举例说明：

如图
practice1_1.html路径为
…/WebContent/practice1_1.html
水母.jpg 路径为
…/WebContent/image/水母.jpg

扫描二维码关注公众号，回复： 12043725 查看本文章

这时practice1_1.html要引用图片水母.jpg的相对路径为：
image/水母.jpg
（因为practice1_1.html和水母图片所在的image文件在同一个大文件WebContent下）

光.jpg的路径为. ./WebContent/WEB-INF/lib/光.jpg

如果practice1_1.html要引用光.jpg的相对路径为：
WEB-INF/lib/光.jpg（理由同上）

水母 和光的相对路径为：
…/WEB-INF/lib/光.jpg
（水母图片和光图片的最小同一文件夹是WebContent，因此，水母图片要先回溯到WebContent即…/，然后一层层追踪下去，即WEB-INF/lib/光.jpg，综合起来就是水母和光的相对路径…/WEB-INF/lib/光.jpg啦）