html文档中../和./路径的区别和使用、根目录

所有文档在电脑中的存储结构；比如我的电脑中有四个盘：C盘，D盘，E盘，F盘，每个盘又存了很多文件夹和文件，每个文件夹又存了很多文件夹和文件，这些文件和文件夹的存储路径又组成了文档目录。

例1：打开“我的电脑”，双击C盘就进入C盘的根目录，双击D盘就进入D盘的根目录。其它类推。

例2：本地环境网站环境wampserver打开网站存放程序的文件夹www，双击该文件夹，双击进入,该文件夹就是本地网站的根目录。

例3：本地环境网站环境xampp打开网站存放程序的文件夹htdos，双击该文件夹，双击进入,该文件夹就是本地网站的根目录。

路径就是文件存储的地址，通常用目录结构来表示，例：

我的电脑中桌面的路径是：C:\Users\Administrator\Desktop

前方录官网本篇文章的路径：网址：https://www.qianfanglu.com/1890.html

本地电脑绝对路径：C:\Users\Administrator\Desktop\videocourse

互联网绝对页面路径：https://www.qianfanglu.com/1890.html

(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”

(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”

首页 > 互联网营销 > 互联网常识 > html文档中../和./路径的区别和使用、根目录