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、我们在浏览器地址栏输入图片的地址,可以看到图片加载出来了
1、<img src =“ img1.png” />,直接在双引号下是文件名,当前文件(3-picture tag.html)所在目录(图像标签)下的img1.png。。
2、当img1.png在图像标签目录中时,可以防止单击以预览图像效果。 另外,<img src =“ ./ img1.png” />和<img src =“ img1.png” />是相同的,但是当前路径相同。
3、如下所示,当img1.png移动到图像标签的上层目录html标签时。 此时<img src =“ img1.png” />路径不正确。 无法显示图像。
4、访问此图像,可以使用<src =“ ../ img1.png” />../来代表上一级目录。 图像标签目录的上层目录是html标签目录。
5、图片移到了web01-html目录。 目前,这不是访问点(不是... /),而是上层目录,一些上层目录,主要是指当前文件(3-picture tag.html)所在的目录-图片 标签<src =“ ../../ img1.png”>。
6、接下来,将图像放在web01-html目录下的img目录中。请注意,引用对象是图像标签(即html文件所在的目录),相对路径是相对于此目录的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)