要在HTML中添加分隔线和水平线条，可以使用以下标签：
<hr>标签用于添加水平线条，它会创建一条水平线，并将内容分隔开来。示例代码：
<h3>小标题</h3>
<p>这是一段文字。</p>
<hr>
<p>这是下一段文字。</p>效果如下：
这是一段文字。
这是下一段文字。
<div>标签用于创建分隔线，可以设置其样式来实现不同的效果。示例代码：
<h3>小标题</h3>
<p>这是一段文字。</p>
<div style="border-top: 1px solid #ccc;"></div>
<p>这是下一段文字。</p>效果如下：
这是一段文字。
这是下一段文字。
在以上示例代码中，使用了内联样式来设置分隔线的颜色和样式。你也可以将样式写入CSS文件中，然后引用到HTML中。
需要注意的是，以上示例代码中的换行部分使用了<p>标签包起来，并且小标题部分使用了<h3>标签包起来。另外，为了突出重要关键词，可以使用<strong>或<em>标签来标记，然后在CSS中设置对应的样式。
最后，如果需要在HTML中展示代码块，可以使用<pre>标签来包裹代码，并使用CSS设置样式，如下所示：
<pre>
<code>
function helloWorld() {
console.log('Hello, world!');
}
helloWorld();
</code>
</pre>效果如下：
function helloWorld() {
console.log('Hello, world!');
}
helloWorld();