首先观察要引入的图片(文件)在项目什么位置存放。例如当前我们要引入 项目下 WebRoot/css/image/icon.png这张图片;
其次要看清我们需要将图片引到哪个页面上。此处我们将 icon.png这个图片引入到 WebRoot/manage/common.html z这个页面;
有两种方式:
1、一种是绝对路径 此处的绝对路径应该是: http://localhost:8080/ProjectName/css/image/icon.png 即可在common.html页面引入icon.png这个图片。
2、第二种是相对路径 此处的路径应该是: ../css/image/icon.png 既可在common.html页面引入icon.png这个图片。
相对路径../的用法很简单。比如common.html页面在manage文件夹下,../表示返回上级目录。../css/image/icon.png就表示common.html先返回上一级目录 ,在进入css目录下的image目录下的icon.png。
../../就表示当前文件所在目录返回两级菜单的目录下。