精华内容
下载资源
问答
  • 在这几日的学习中,发现这两种方式的图片引入有一定的差异,和url()前者定义: 标签的 src 属性是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。后者定义:在CSS中有用url语法来...

    在这几日的学习中,发现这两种方式的图片引入有一定的差异,和url()

    前者定义:

    标签的 src 属性是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。

    后者定义:

    在CSS中有用url语法来指定background-image或是其他引用文件中

    区别简言之:

    1.前者是写在html中,后者写在css(叠层样式表)中

    2.img是图片插入语法  src是源 source 简写   url是地址栏(网络或本地)

    3.   不需要设置宽高

    background-image:url('img/ds.png'); 因为是作为背景,所以需要设置宽高,才可以显示出来

    4.引用路径详解

    绝对路径:

    ·       /:代表根目录,绝对路径。如:文本或

    ·       D:/abc/:代表根目录,绝对路径。

    相对路径:

    ·       .:代表目前所在的目录,相对路径。如:文本或

    ·       ..:代表上一层目录,相对路径。如:文本或

    ·       ../../:代表的是上一层目录的上一层目录,相对路径。如:

    相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。

    1 两个文件在同一个文件夹下,直接写文件名即可

    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

    假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html

    在info.html加入index.html超链接的href应该这样写:index.html

    2 要引用的文件在下一级文件夹下,文件名前加子文件夹名称

    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

    假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

    在info.html加入index.html超链接的href应该这样写:html/tutorials/index.html

    3 要引用的文件在上一级文件夹下,文件名前加../

    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

    假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html

    在info.html加入index.html超链接的代码应该这样写:index.html

    举一反三: ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

    4 更复杂的情况:

    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

    假设index.html路径是:c:\Inetpub\wwwroot\sites\html\index.html

    在info.html加入index.html超链接的代码应该这样写:index.html

    部分转:http://www.cnblogs.com/WhiteM/p/6083012.html

    展开全文
  • 我们在插入图片或者插入音频的时候需要找到这个图片或音频的路径,这个时候就需要使用绝对路径和相对路径 绝对路径 绝对路径就是从盘符开始一级一级的往下找,直到找到那个图片 比如我们要找一个在 ...

    绝对路径和相对路径

    我们在插入图片或者插入音频的时候需要找到这个图片或音频的路径,这个时候就需要使用绝对路径和相对路径

    绝对路径

    绝对路径就是从盘符开始一级一级的往下找,直到找到那个图片
    比如我们要引入一个E盘里边的一个名为"篮球.png"的图片如何使用呢
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    这个上边被选中的蓝色就是我们要找的图片的绝对路径

    绝对路径

    相对路径就是相对于你这个需要引入图片的HTML文件去查找你需要的图片的路径
    在这里插入图片描述
    在这里插入图片描述查找上一级目录

    还是查找篮球的图片
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述
    先查找上一级目录然后再一层一层往下找,这个是相对于当前需要引入图片的文件的位置去查找图片

    展开全文
  • 图片引入&路径问题

    2019-07-04 08:11:00
    在这几日的学习中,发现这两种方式的图片引入有一定的差异,<img src="">和url() 前者定义: <img> 标签的 src 属性是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对...

    在这几日的学习中,发现这两种方式的图片引入有一定的差异,<img  src="">和url()

    前者定义:

    <img> 标签的 src 属性是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。

    后者定义:

    在CSS中有用url语法来指定background-image或是其他引用文件中

    区别简言之:

    1.前者是写在html中,后者写在css(叠层样式表)中

    2.img是图片插入语法  src是源 source 简写   url是地址栏(网络或本地)

    3.<img src="'img/ds.png">   不需要设置宽高

       background-image:url('img/ds.png'); 因为是作为背景,所以需要设置宽高,才可以显示出来

    4.引用路径详解

    绝对路径:

    ·       /:代表根目录,绝对路径。如:<ahref="/abc">文本</a><img src="/abc" />

    ·       D:/abc/:代表根目录,绝对路径。

    相对路径:

    ·       .:代表目前所在的目录,相对路径。如:<ahref="./abc">文本</a><img src="./abc" />

    ·       ..:代表上一层目录,相对路径。如:<ahref="../abc">文本</a><img src="../abc" />

    ·       ../../:代表的是上一层目录的上一层目录,相对路径。如:<imgsrc="../../abc" />

    相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。

    1 两个文件在同一个文件夹下,直接写文件名即可 
    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 
    假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html 
    在info.html加入index.html超链接的href应该这样写:index.html

    2 要引用的文件在下一级文件夹下,文件名前加子文件夹名称 
    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 
    假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html 
    在info.html加入index.html超链接的href应该这样写:html/tutorials/index.html

    3 要引用的文件在上一级文件夹下,文件名前加../ 
    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 
    假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html 
    在info.html加入index.html超链接的代码应该这样写:<a href="../index.html">index.html</a>

    举一反三: ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

    4 更复杂的情况: 
    假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html 
    假设index.html路径是:c:\Inetpub\wwwroot\sites\html\index.html 
    在info.html加入index.html超链接的代码应该这样写:<a href="../html/index.html">index.html</a> 

    部分转:http://www.cnblogs.com/WhiteM/p/6083012.html

     

     

    转载于:https://www.cnblogs.com/yanyanstyle/p/11129227.html

    展开全文
  • 三、本地的绝对路径绝对路径是相对于磁盘的位置去定位文件的地址,即图片文件与html文件不在同一个地址下:如果图片路径在E:/A文件夹/B文件夹/C文件夹/1.jpghtml文件的路径也在D:/F文件夹/G文件夹...

    一、首先我们要知道:

    “./”:表示当前目录(也叫工作目录)

    "../":表示级及目录

    "/":表示根目录

    二、网上的url

    选中自己想要的图片,右键“复制图像地址”,然后粘贴在标签的src路径下。

    三、本地的绝对路径

    绝对路径是相对于磁盘的位置去定位文件的地址,即图片文件与html文件不在同一个地址下:

    如果图片的路径在E:/A文件夹/B文件夹/C文件夹/1.jpg

    html文件的路径也在D:/F文件夹/G文件夹/new1.html

    则需要在在标签的src路径下填写绝对路径。

    1、如果访问本地的绝对路径下的图片,应该使用file协议,而不是http协议

    则文件路径可以这样写

    也可以直接只写个根目录标记“/”

    2、web服务器上的网络资源地址定位是相对于网站根目录的。

    四、本地的相对路径

    绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件,相对路径就没有这个问题。

    1、即在同一个地址下:

    如果图片的路径在D:/A文件夹/B文件夹/1.jpg

    html文件的路径也在D:/A文件夹/B文件夹/new1.html

    则直接在标签的src路径下填写1.jpg 代码如下:

    在同一个目录下也可以用"./"表示,即代码也可以这样写

    2、虽然不在同一个地址,但在其上级目录,则可以用“../”表示

    表示当前文件所在的目录的上一级目录。

    如果图片的路径在D:/A文件夹/1.jpg,而html文件在

    D:/A文件夹/B文件夹/1.jpg  则直接在标签的src路径

    为../1.jpg,即:

    3、如在其父目录的某一文件夹下,其文件夹为image,则

    应这样写src的相对路径

    4、如图片文件在其子目录下,其文件夹同样是image,则

    应这样写src的相对路径

    展开全文
  • 1、在js代码里面或者 html里面用"v-bind:"或":属性名"绑定路径的时候使用 require('@/assets/home/imgName.png') 2、在css或者scss里面引入图片...3、正常引入静态图片路径 static/img/v-html/imgName.jpg ...
  • 图片标签多用于图片的插入,一般是有三种方式来连接图片参考代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> ...
  • 文件引入路径设置

    2019-10-08 03:13:12
    相对路径使用的特殊符号 以下为建立路径所使用的几个特殊符号,及其所代表的意义。 "./":代表目前所在的目录。 "../":代表上一层目录。...Site2下有Page2.html和Page2Image.jpg图片文件。 ...
  • 问题 遇到了和这种情况一样的问题,导致从html转来的jsp都要修改css和图片的地址,同时可能会出现页面内转发失败的问题 解决 在tomcat 的deployment中把页面的相对路径改为/或设置为空。
  • 2、引入电脑本地的绝对路径,如D盘下images文件夹里名称为“aaa.jpg”的图片: <imgsrc="D:/images/aaa.jpg"> 使用绝对路径必须输入完整的描述路径,这种方法指向的链接目标地址清晰明确,但有个缺点就是...
  • 文件路径引入

    2019-02-11 16:20:35
    每次引入本地图片,css,js时路径经常因为引入错误报错,也是很醉,整理下 以 / 为起始,表示从根目录开始解析; 以 ./ 为起始,表示从当前目录...如图:在a1.html里分别从不同文件下引入图片路径写法 ...
  • ![图片说明]...我想在test2.html引入js文件夹里的js文件,但试了好久了,,还没猜中路径......有人知道应该怎么写吗, 有人还说过 ../js/login.js 试了,也不行 报错: ...
  • 我已经把图片编辑好了 直接上图
  • 什么是绝对路径?绝对路径指的是文件的真正路径,使用绝对路径链接外部...2、引入电脑本地的绝对路径,如D盘下images文件夹里名称为“aaa.jpg”的图片:<img src="D:/images/aaa.jpg">使用绝对路径必须输入...
  • html引入图片相关

    2020-04-17 19:24:23
    引入本地图片 绝对路径 ​ 根盘符\a\d\1.jpg ​ \和/都可以成功引入图片不过在我们写代码的时候最好还是一致 用/ ​ ctrl+h 替换 ​ 特点:与当前的html文件路径无关 相对路径 主要是从当前html文件出发如何找到那个...
  • 上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时,可能整个网站并没有放在Web服务器的E盘, 有可能是D盘或H盘。 ** 2.相对路径 ** 使用方法:相对路径使用“/”字符...
  • 什么是绝对路径? 绝对路径指的是文件的真正路径,使用绝对路径链接外部资源,如:图片、...2、引入电脑本地的绝对路径,如D盘下images文件夹里名称为“aaa.jpg”的图片: <img src="D:/images/aaa.jpg"> ...
  • webpack,使用html-withimg-loader打包img图片,打包后图片无法显示,路径上多出default的一个对象。 前面会进行img图片打包的配置安装和介绍。对于已了解的,想直接解决问题的实用党,可跳过第一部分,直接看第二...
  • 图片文件夹放到public中,然后以这种方式来动态写路径: process.env.PUBLIC_URL + '/img/' + url + '.jpg'   转载于:https://www.cnblogs.com/mmykdbc/p/9646426.html
  • JSP中引入CSS后,关于CSS中图片路径的问题 我有一个JSP文件如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" errorPage="" %> <html> ...
  • 什么是绝对路径?绝对路径指的是文件的真正路径,使用绝对路径链接外部...2、引入电脑本地的绝对路径,如D盘下images文件夹里名称为“aaa.jpg”的图片:<img src="D:/images/aaa.jpg">使用绝对路径必须输入...
  •  这个也是在html中有效的设置 当freemarker模板需要引入图片是,按照普通的html方式进行设定是找不到相应图片的,正确的方法 一、ITextRenderer renderer = new ITextRenderer(); ... ... ... renderer....
  • Vue在npm run dev的时候,图片背景图等正常显示,npm run build后,报错,提示图片找不到。原因: npm run dev时候,加载资源是绝对路径, npm run ... 默认情况下为: index.html static | --img | --图片.jpg...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 477
精华内容 190
关键字:

html图片引入路径