在HTML文件中添加横线可以通过多种方式实现，这些方式既可以满足基本的视觉效果，也可以根据需求进行定制，以下是几种常见的在HTML中添加横线的方法。
1、使用<hr>标签：
<hr>标签是HTML中专门用来创建水平分割线的元素，它简单易用，只需在HTML文件中插入<hr>标签即可，默认情况下，浏览器会以一种标准的样式显示这条横线，但可以通过CSS对其进行样式定制。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>水平分割线示例</title>
</head>
<body>
<h1>标题</h1>
<p>这是一段文本。</p>
<hr> <!-- 在这里添加横线 -->
<p>这是另一段文本，与上面的内容分隔开。</p>
</body>
</html>
2、使用CSS创建横线：
如果你想对横线有更多的控制，可以使用CSS来创建，通过设置一个<div>元素的样式，可以实现更多样化的横线效果。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>CSS创建横线示例</title>
<style>
hr.custom {
border: none;
height: 2px;
background-color: #333;
margin-top: 20px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>标题</h1>
<p>这是一段文本。</p>
<hr class="custom"> <!-- 使用自定义样式的横线 -->
<p>这是另一段文本，与上面的内容分隔开。</p>
</body>
</html>
3、使用图片或SVG作为横线：
如果需要更复杂的横线效果，可以考虑使用图片或SVG图形作为横线，这可以通过在HTML中插入<img>标签或SVG元素来实现。
示例代码（使用图片）：
<!DOCTYPE html>
<html>
<head>
<title>图片横线示例</title>
</head>
<body>
<h1>标题</h1>
<p>这是一段文本。</p>
<img src="line.png" alt="分割线"> <!-- 使用图片作为横线 -->
<p>这是另一段文本，与上面的内容分隔开。</p>
</body>
</html>
示例代码（使用SVG）：
<!DOCTYPE html>
<html>
<head>
<title>SVG横线示例</title>
</head>
<body>
<h1>标题</h1>
<p>这是一段文本。</p>
<svg width="100%" height="2" xmlns="http://www.w3.org/2000/svg">
<rect width="100%" height="2" fill="#333"></rect>
</svg> <!-- 使用SVG作为横线 -->
<p>这是另一段文本，与上面的内容分隔开。</p>
</body>
</html>
以上方法可以根据你的需求和设计进行选择和调整，无论是简单的<hr>标签还是自定义的CSS样式，或是使用图片和SVG，都能帮助你在HTML文件中实现所需的横线效果。