HTML里要想插入一张图片,怎么找图片的相对路径?

HTML里要想插入一张图片,怎么找图片的相对路径?,第1张

现有一个文件夹web\x0d\x0a该文件夹下有一个文件夹image和你的HTML网页文件index.html\x0d\x0a那么相对路径就是\x0d\x0a就是相对于你的HTML所在的文件夹为初始路径!

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、我们在浏览器地址栏输入图片的地址,可以看到图片加载出来了


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6284532.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存