学习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

这时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啦）

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

java web项目相对路径怎么写_理解JavaWeb项目中的路径问题——相对路径与绝对路径...
背景:html 在刚开始学习javaweb,使用servlet和jsp开发web项目的过程当中,一直有一个问题困扰着我:servlet 和 jsp 之间相互跳转,跳转的路径应该如何书写,才能正确的访问 ...
关于我在学习Javaweb时对Linux服务器安装配置jdk,tomcat,mysql的一些学习心得
学习javaweb有一段时间了,最近刚好完成一个小的web项目. 勿喷!!!!!!!! 主要参考问题: 1.jdk,tomcat,mysql的安装配置. 2.tomcat,mysql的开机自启(我不会 ...
[原创]java WEB学习笔记35：java WEB 中关于绝对路径和相对路径问题
本博客为原创:综合尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和网络上的现有资源(博客,文档,图书等),资源的出处我会标明本博客的目的:①总结自己的学习过程,相当 ...
JavaWeb是什么？如何学习JavaWeb的体系
java语言是当前最流行的开发语言之一.它的风格十分接近C++语言,是一个纯粹的面向对象的程序设计语言.Java继承了C++语言面向对象技术的核心,舍弃了C++语言中复杂和一些容易出错的特性,并在内存 ...
菜鸟haqima的Java学习之路第一天
菜鸟haqima的Java学习之路第一天导读:DOS命令常用快捷键 Java的简单概述 (第一章 Java开发环境的搭建) 1.常用的DOS命令 1.1.怎么打开DOS命令窗口 win键+r(组合 ...
Cyclone V SoC FPGA学习之路第一章：综述
Cyclone V SoC FPGA学习之路第一章:总体了解关键词: adaptive logic modules – ALM 自适应逻辑模块 logic array block --LAB 逻辑阵 ...
《自然语言处理（哈工大关毅 64集视频）》学习笔记：第一章自然语言处理概论
前言关毅老师,现为哈工大计算机学院语言技术中心教授,博士生导师.通过认真学习了<自然语言处理(哈工大关毅 64集视频)>1(来自互联网)的课程,受益良多,在此感谢关毅老师的辛勤工作!为 ...
javaweb项目相对路径与绝对路径
在学习javaweb项目相对路径与绝对路径之前,我们要搞清楚java程序在运行时是怎么跑的. 我们平时写的代码统称java文件,也就是源文件,而.class文件是虚拟机编译得到的,虚拟机需要把我们写的 ...
学习ES6-11的第一天
学习ES6-11的第一天一.ES6 1.1let关键字四大特性 1.2let点击变色小案例 1.3const关键字五大特性 1.4解构赋值 1.5模板字符串 1.6对象的简化写法 1.7箭头函数 1 ...

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

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

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

最新文章

热门文章