HTML（HyperText Markup Language）是一种用于创建网页的标记语言，在HTML中，我们可以使用相对地址来引用其他资源，如图片、CSS样式表等，相对地址是相对于当前HTML文件的位置来计算的，而不是相对于服务器根目录的位置，本回答将详细介绍如何在HTML中获取相对地址。

1、相对地址的基本概念

相对地址是指相对于当前文件或文件夹的位置来计算的地址，如果我们有一个名为images的文件夹，它位于HTML文件的同一目录下，那么我们可以使用相对地址images/pic.jpg来引用该文件夹中的图片，相对地址的优点是可以方便地移动和修改资源，而不需要担心路径的变化。

2、如何在HTML中使用相对地址

在HTML中，我们可以使用<img>标签来插入图片，通过设置src属性为相对地址来引用图片，同样，我们也可以在<link>标签中设置href属性为相对地址来引用外部CSS样式表，以下是一些示例：

<!引用同一目录下的图片 >
<img src="image1.jpg" alt="图片1">
<!引用同一目录下的CSS样式表 >
<link rel="stylesheet" href="styles.css">
<!引用子文件夹中的图片 >
<img src="subfolder/image2.jpg" alt="图片2">
<!引用子文件夹中的CSS样式表 >
<link rel="stylesheet" href="subfolder/styles.css">

3、如何在HTML文件中创建相对路径

在HTML文件中，我们可以使用<a>标签来创建链接，通过设置href属性为相对地址来指向其他页面或资源，以下是一些示例：

<!链接到同一目录下的其他HTML文件 >
<a href="page1.html">页面1</a>
<!链接到同一目录下的其他资源（如图片） >
<a href="image3.jpg">图片3</a>
<!链接到子文件夹中的其他HTML文件 >
<a href="subfolder/page2.html">页面2</a>
<!链接到子文件夹中的其他资源（如图片） >
<a href="subfolder/image4.jpg">图片4</a>

4、如何使用JavaScript获取相对地址

在JavaScript中，我们可以使用window.location对象来获取当前页面的URL，我们可以使用window.location.pathname属性来获取当前页面的路径部分，包括查询字符串和片段标识符，以下是一个示例：

// 获取当前页面的URL
var url = window.location.href;
console.log("当前页面的URL: " + url);
// 获取当前页面的路径部分（不包括查询字符串和片段标识符）
var pathname = window.location.pathname;
console.log("当前页面的路径部分： " + pathname);

5、如何将相对地址转换为绝对地址

在某些情况下，我们可能需要将相对地址转换为绝对地址，当我们需要在不同的服务器上部署网站时，或者当我们需要在客户端JavaScript中使用绝对URL时，在JavaScript中，我们可以使用window.location对象的一些方法来实现这个功能，以下是一些示例：

// 获取当前页面的绝对URL
var absoluteUrl = window.location.href;
console.log("当前页面的绝对URL: " + absoluteUrl);
// 获取当前页面的绝对路径部分（不包括查询字符串和片段标识符）
var absolutePathname = window.location.pathname;
console.log("当前页面的绝对路径部分： " + absolutePathname);

在HTML中，我们可以使用相对地址来引用其他资源，如图片、CSS样式表等，相对地址是相对于当前HTML文件的位置来计算的，而不是相对于服务器根目录的位置，在HTML文件中，我们可以通过设置<img>标签的src属性、<link>标签的href属性以及<a>标签的href属性来使用相对地址，我们还可以在JavaScript中使用window.location对象来获取和转换相对地址。