html如何写图片路径？

1、绝对路径：

图片来源本地：

图片来源网络： <img src=“http://image.baidu.com/pcindexhot”/width=“300” height=“120”/>

2、相对路径：

html文件跟*.jpg图片在相同目录下：

    <img src="陈好.jpg">

html文件跟*.jpg图片在不同目录下：

   a、图片在a文件夹中，html文件跟a在同一目录下：<img src="a/陈好.jpg"/>b、图片在a文件夹中，html文件在b文件夹中，a跟b在同一目录下：<img src="../a/陈好.jpg"/>

借鉴：https://blog.csdn.net/u012072085/article/details/79105689 标题：Html中图片路径的使用方式作者:我的思维在跳跃

备注：我和原作者：我的思维在跳跃,写的不同的地方是，在使用相对路径时，我的图片后面不可以加斜杠，否则无法显示图片。

a、图片在a文件夹中，html文件跟a在同一目录下：我的是 <img src="a/*.jpg"/>    原作者是<img src="a/*.jpg/"/>b、图片在a文件夹中，html文件在b文件夹中，a跟b在同一目录下：我的是 <img src="../a/*.jpg"/>    原作者是<img src="../a/*.jpg/"/>

html如何写图片路径？相关推荐

html写图片路径,html如何添加图片路径
html添加图片路径的方法:首先新建html文件,在body标签中插入img标签:然后给img标签添加"alt"属性:最后img标签中插入的图片宽和高默认是图片自身的宽和高. 本教 ...
css中background-image背景图片路径设置
web项目中经常会用到background-image:url(),很多小伙伴不知道该怎么写需要的图片路径. 在此之前先要知道几个重要的东东: / 项目根目录这个不用多说,就是程序 ...
vue打包后图片路径错误
2019独角兽企业重金招聘Python工程师标准>>> 错误原因 vue-cli中将图片资源路径放到了src的assets中,引入图片路径写的相对路径,打包发生错误首先,出错点在u ...
vue 直接访问静态图片_vue中本地静态图片路径写法
这篇文章给大家介绍了vue中本地静态图片路径写法及Vue.js中引用图片路径的方式,需要的朋友参考下吧这里写图片描述需求:如何components里面的index.vue怎样能把assets里面的 ...
JAVA解析html文档，替换img图片路径成base64编码，并将文章存入数据库
转载自 JAVA解析html文档,替换img图片路径成base64编码,并将文章存入数据库开发环境:struts2+ spring + hibernate 数据库:oracle 需求:在HTML编 ...
php 匹配图片路径_php正则匹配图片路径原理与方法
下面我来给大家介绍在php正则匹配图片路径原理与实现方法,有需要了解的朋友可进入参考参考. 提取src=里面的图片地址还不足够,因为不能保证那个地址一定是绝对地址,完全的地址,如果那是相对的呢?如果地 ...
利用MySQL语句批量替换指定wordpress文章中的图片路径
天花了很多时间将SAE服务器中的图片下载到本地,然后删掉,但是有一个问题就是,所有文章中的图片路径还是以前的,没有根据域名来.导致下午某些时间段图片都是无法显示的,后来想到用MySQL直接批量替换,执 ...
vue样式中背景图片路径_vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .all_bg { background: url(../imag ...
Vue-在data中引入静态图片路径
在data中引入静态图片路径首先tempate中内容都一样: <template slot="pic" slot-scope="{ row }"> ...

html如何写图片路径？

html如何写图片路径？相关推荐

最新文章

热门文章