一、目录(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”

Leave a Reply

邮箱地址不会被公开。 必填项已用*标注