欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

课时23.路径问题(理解)

程序员文章站 2022-04-11 08:54:49
我们在之前已经了解过,如果想添加一个图片,需要写出以下代码: 其实想给src属性赋值有两种方式: 相对路径就是每次都从.html文件所在的文件夹开始查找,我们称之为相对路径 1.1 同级 同级就是图片和.html文件存储在同一个文件夹中 格式: src="Q ......

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

<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盘下的文件)