HTML 路径

相对路径：

A. 服务器端（Java、Servlet）——它是相对于Web应用的根目录，例：http://localhost:8080/jysz/

" / " 代表Web应用的根目录；"./"代表当前目录（可省）"../"代表上级目录

B. 客户端（Javascript、Css、Html）——它是相对于服务器的根目录，例：http://localhost:8080/

" / " 代表服务器的根目录；"./"代表当前目录（可省）"../"代表上级目录

html网页图片的路径，可以鼠标右键点击图片，然后点击"检查"或者"审查元素"，在控制台找到，下面详细介绍 *** 作方法

1、以这个页面为例百度图片，对一个图片右键，然后检查元素

2、找到定位的元素，点击"检查"后图片的元素会变蓝

3、双击图片的地址选中并按ctrl+c复制

例如这个图片

<img class="main_img img-hover" data-imgurl="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3588772980,2454248748&ampfm=27&ampgp=0.jpg" src="data:image/jpegbase64,/9j/4AAQSkZJRgABAQAAAQABAA" style="background-color: rgb(195, 177, 157)width: 375pxheight: 211px">

加黑的部分就是地址。地址的后缀一般是.jpg或.png或.gif等。大部分地址都是这个src属性，但个别图片的src属性以data:image开头的话，它就不是一个地址了。

4、我们在浏览器地址栏输入图片的地址，可以看到图片加载出来了

使用input元素，type设置为file。通过“浏览”按钮选择好路径后该路径保存在value属性下，JS可以通过元素id读取，asp,php可以通过元素name读取。但是该元素无法设置初始value，否则网站可以通过它随意访问客户端电脑的目录了。

---