wxhtmltopdf 图片路径问题_图片引入路径问题

在这几日的学习中，发现这两种方式的图片引入有一定的差异，和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

wxhtmltopdf 图片路径问题_图片引入路径问题相关推荐

matlab文件目录表示,Matlab - 文件目录路径操作_读取不同路径下的相同文件名表格...
Matlab - 文件目录路径操作_读取不同路径下的相同文件名表格 tr1 str1 for max imp mda eva 目录 xls clear;clc; clo ...
python 图片变清晰_图片无损放大利器，把模糊图片变清晰
前言经常下载图片或者使用表情包的朋友都可能会遇到一个问题--图片模糊不清晰! 现有图片分辨率低.图片尺寸小.图片模糊等,很多时候又找不到原始的高分辨率清晰大图,只能将就使用?(ノ-_-)ノ~┻━┻ ...
转换图片保持画质_图片格式怎么相互转换，如何转换jpg、 bmp、png格式
图片的格式有很多种,常见的就是jpg.bmp.png格式,这些格式本质上是没有多大的区别,都是安卓和电脑可以直接打开查看的,但是有时候还是会用到一些固定的格式,比如上传个人信息身份的时候,那这个时候如 ...
10款js图片代码_图片滚动代码_图片切换代码_图片特效代码_图片轮播代码（三）
jquery banner滑块导航条幻灯片轮播图片滚动 jQuery blockSlide插件熔岩灯标签导航banner焦点图片切换 jquery图片冒泡插件鼠标悬停图片冒泡动画展示 jquery h ...
10款js图片代码_图片滚动代码_图片切换代码_图片特效代码_图片轮播代码（一）
实现图片墙时光穿梭特效 swiper图文卡片滑块切换特效网页放大镜图片预览插件图片瀑布流tab分类切换特效 js窗帘式图片切换特效全屏带视频banner轮播图片特效 Swiper仿魅族官网大图轮 ...
图片太大_图片太大？手把手教你如何用java实现一个高质量图片压缩程序
使用java几十行代码实现一个高质量图片压缩程序,再也不用去自己找网络的压缩程序啦!而且很多网上的工具还有水印或者其他的限制,自己动手写一个简单的应用,是再合适不过了. 一.实现原理 1.声明两个字符 ...
java验证码图片滑动验证码_图片滑动验证码的生成
使用Java生成图片滑动验证码 image.png 目前接到了一个新的小需求,要在登录时进行滑动图片验证. 搜了一下网上的demo,没有太多很完整的demo.就参考各种文档自己拼凑了一个出来.整理一下 ...
图片出处识别_图片模糊怎么变清晰？方法都在这里了
我们平时都会与图片打交道,图片资源来源于网络,时常辛辛苦苦找到想要的资源图片,但是清晰度极差,像素太低,图片大小也不满足要求,那这种情况下怎么办呢?搜遍整个网络都没找到,试了以图搜图也没用,那是不是就 ...
oss图片数据转图片二进制数据_图片数据不够快来试试这些数据增强
导读我们经常会遇到训练模型时数据不够的情况,而且很多时候无法再收集到更多的数据,只能通过做一些数据增强或者其它的方法来合成一些数据.常用的数据增强方式有裁剪.旋转.缩放.亮度对比度色度饱和度变换.仿 ...

wxhtmltopdf 图片路径问题_图片引入路径问题

wxhtmltopdf 图片路径问题_图片引入路径问题相关推荐

最新文章

热门文章