一、目录(directory)
所有文档在电脑中的存储结构;比如我的电脑中有四个盘:C盘,D盘,E盘,F盘,每个盘又存了很多文件夹和文件,每个文件夹又存了很多文件夹和文件,这些文件和文件夹的存储路径又组成了文档目录。
二、根目录(path): 是逻辑驱动器的最上一级目录,它是相对子目录来说的。
例1:打开“我的电脑”,双击C盘就进入C盘的根目录,双击D盘就进入D盘的根目录。其它类推。
例2:本地环境网站环境wampserver打开网站存放程序的文件夹www,双击该文件夹,双击进入,该文件夹就是本地网站的根目录。
例3:本地环境网站环境xampp打开网站存放程序的文件夹htdos,双击该文件夹,双击进入,该文件夹就是本地网站的根目录。
三、路径(path): 单个文件存储在电脑中的位置,用目录结构表示路径
路径就是文件存储的地址,通常用目录结构来表示,例:
我的电脑中桌面的路径是:C:\Users\Administrator\Desktop
前方录官网本篇文章的路径:网址:https://www.qianfanglu.com/1890.html
(一)绝对路径是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径,从任何目录都可以快速找到该文件夹
本地电脑绝对路径:C:\Users\Administrator\Desktop\videocourse
互联网绝对页面路径:https://www.qianfanglu.com/1890.html
(二)相对路径是从当前路径开始的路径。
1.( ../文件名称 ) 是文件所在上一级目录(父目录)的相对路径。
(1)例如:图片文件1.jpg文件存在桌面上的文件夹html中。index.html都存在桌面上的文件夹html中的index文件夹中。index.html代码如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>目录、相对路径、绝对路径</title> </head> <body> <img src="../1.jpg"> </body> </html>
(2)img标签连接外部图片1.jpg;
(3)图片1.jpg存的目录的绝对地址为:C:\Users\Administrator\Desktop\html;
(4)ndex.html存的目录的绝对地址为:C:\Users\Administrator\Desktop\html\index;
(5)所以用本目录的父目录符号../来代替:src=”../1.jpg”
2.( ./文件名称 ) 是文件所在本级目录的相对路径
(1)例如:index.html文件存在桌面。图片文件1.jpg也存在桌面上,index.html代码如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>目录、相对路径、绝对路径</title> </head> <body> <img src="./1.jpg"> </body> </html>
(2)img标签连接外部图片1.jpg;
(3)图片和index.html这个文件在一个目录中;
(4)该目录的绝对地址为:C:\Users\Administrator\Desktop;
(5)所以用相对本目录的符号./来代替:src=”./1.jpg”