当前位置： 移动技术网 > IT编程>网页制作>Html5 > 课时23.路径问题（理解）

课时23.路径问题（理解）

2018年06月07日  | 移动技术网IT编程  | 我要评论

中医养生保健,导游猜一个成语,磨铁中文网

我们在之前已经了解过，如果想添加一个图片，需要写出以下代码：

<img src="logo.png">

  • 其实想给src属性赋值有两种方式：
  1. 通过相对路径赋值（掌握）

相对路径就是每次都从.html文件所在的文件夹开始查找，我们称之为相对路径

1.1 同级

同级就是图片和.html文件存储在同一个文件夹中

格式：

src="QRCode.jpg"

含义：

在.html文件所在文件夹中查找名称叫做QRCode.jpg的图片

1.2下级

下级就是存储图片的文件夹和.html文件在同一个文件夹中

格式：

src="images/QRCode.jpg"

含义：

在.html文件所在的文件夹中找到名称叫做images的文件夹，然后再在images文件夹中找到名称叫做QRCode.jpg的图片

1.3上级

上级就是存储图片的位置和存储代码的文件夹在同一个文件夹中

格式：

src="../QRCode.jpg"

含义：

在.html文件所在的文件夹中找到这个文件夹的上一级文件夹，然后再在上一级文件夹中找到名称叫做QRCode.jpg，其中../代表从当前的位置找到上一级文件夹

  • 在企业开发中用到最多的就是下级，新建一个web项目，然后创建images文件夹，和css文件夹，将图片和样式表分别放在各自的文件夹下

2.通过绝对路径（了解）

绝对路径就是每次都从指定的盘符开始查找

格式：

src="C:\Users\Wushuang\Desktop\HTML基础\QRCode.jpg"

含义：

在C盘下找到Users文件夹，然后在Users文件夹中找到Wushuang文件夹，然后在Wushaung文件夹中找到HTML基础文件夹，然后在HTML基础文件夹中找到名称为QRCode.jpg的图片

注意：

  1. 路径中不要出现中文，否走出现未知问题
  2. 如果是通过相对路径来指定，那么不能跨越盘符（比如文件都在C盘下，它用相对路径绝对路径找不到在D盘下的文件）

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网