web前端学习笔记——路径

一、相对路径

在查找文件时，从HTML文件本身出发，根据相对的位置进行查找

• 同级查找：指目标文件与HTML文件位于同一级，直接书写文件名+后
  

  <img scr="image1.JPG">
  

• 子级查找:指目标文件在与HTML文件同一级的文件夹内部，需要先查找文件夹的名字，然后进入文件夹，查找目标文件
  

  <img src="images/image1.JPG">
  

• 上级查找:指目标文件在与HTML文件的上一级文件中，需要先跳出当前文件夹（使用…/跳出文件），再查找文件。
  

  <img src="../images/image1.JPG">
  

二、绝对路径

从电脑的盘符出发，或者使用网址形式查找

• 盘符出发：

  <img src="F:/web练习/html练习/image1.JPG">
  

• 网址形式：

  <img src="https://image.baidu.com/search/detail?····">
  

注：
1.使用绝对路径从盘符出发时，容易出现中文字符，从而更容易导致错误，且路径不可移动，所以多用相对路径，或者以网址形式的绝对路径

​ 2.使用相对路径时，图片和HTML需要同时上传，且要保持相对位置不变