在实际的Web开发中，插入图片，包括CSS文件等。所有人都需要一条路。如果文件路径添加不正确，引用将无效(链接的文件无法浏览或插入的图片无法显示等)。).很多初学者都很困惑，我就详细介绍一下相对路径和路径。

HTML相对路径

指由该文件所在的路径引起的与其他文件(或文件夹)的路径关系。

例如：

文件1.htm的路径是d:/www/html/1.htm

文件2.htm的路径是d:/www/html/2.htm

那么：1.htm相对于1.htm的路径是：1.htm

如何使用相对链接：

如果链接到同一个目录，只需输入要链接的文档的名称，例如：

XML/HTMl代码将内容复制到剪贴板

A href="1htm "网页链接/a

imgsrc=" bg.jpg"/

如果链接到下一级目录，需要先输入目录名，然后添加"/"，再输入文件名，例如：

XML/HTMl代码将内容复制到剪贴板

ahref="html/next.htm "

imgsrc="images/bg.jpg"/

如果您连接到更别的目录，您需要输入“./"首先，然后输入目录名和文件名，例如：

XML/HTMl代码将内容复制到剪贴板

ahref="./www/index.htm "

示例摘要

现在有4个html文件，它们是aaa.htmlbbb.htmlccc.htmlindex.html

aaa.html的路径是：d :/www/adminwang/html/AAA . html

bbb.html的路径是d :/www d :/www/adminwang/BBB . html

ccc.html的路径是d:

index.html的路径是d:/www/index.html

1.链接同一目录中的文件

例如，ccc.html文件链接index.html的代码如下：

XML/HTMl代码将内容复制到剪贴板

Ahref=' index.html '链接索引网页/a

2.链接上一个目录中的文件

例如，连接ccc.html的bbb.html代码如下：

XML/HTMl代码将内容复制到剪贴板

Ahref='./ccc.html '链接ccc网页/a

3.链接上层2级目录中的文件

例如，连接ccc.html的aaa.html代码如下：

XML/HTMl代码将内容复制到剪贴板

A href=" "././ccc.html "链接ccc网页/a

4.链接下目录中的文件

例如，连接bbb.html的ccc.html代码如下：

XML/HTMl代码将内容复制到剪贴板

Ahref='adminwang/bbb.html '链接bbb网页/a

5.链接较低的二级目录中的文件

例如，连接aaa.html的ccc.html代码如下：

XML/HTMl代码将内容复制到剪贴板

Ahref='adminwang/html/aaa.html '链接aaa网页/a

HTML路径

为文件提供的完整路径，包括适用的协议或驱动器号。也就是你主页上的文件或目录在硬盘上的真实完整路径。例如：

http://www.adminwang.com/index.htm

d:/www/html/images/bg.jpg

路径没什么好说的。掌握了相对路径，路径就很简单了。

本文转载自中文网站