要创建包含标签内容的章节和侧边栏导航，可以使用HTML的语义化标签，如<nav>、<section>等。
下面是一个示例，展示如何使用HTML创建一个包含标签内容的章节和侧边栏导航：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>章节和侧边栏导航</title>
</head>
<body>
<nav>
<ul>
<li><a href="#section1">第一部分</a></li>
<li><a href="#section2">第二部分</a></li>
<li><a href="#section3">第三部分</a></li>
</ul>
</nav>
<section id="section1">
<h3>第一部分</h3>
<p>这是第一部分的内容。</p>
<p>这是第一部分的另一个段落。</p>
<pre><code>这是一个代码块。</code></pre>
</section>
<section id="section2">
<h3>第二部分</h3>
<p>这是第二部分的内容。</p>
<p>这是第二部分的另一个段落。</p>
<pre><code>这是另一个代码块。</code></pre>
</section>
<section id="section3">
<h3>第三部分</h3>
<p>这是第三部分的内容。</p>
<p>这是第三部分的另一个段落。</p>
<pre><code>这是第三个代码块。</code></pre>
</section>
</body>
</html>在上面的示例中，我们使用了<nav>标签来创建侧边栏导航，使用<section>标签来创建章节。每个章节都有一个唯一的id属性，用于在导航中创建锚点链接。每个章节包含一个小标题，使用<h3>标签，和一些正文内容，使用<p>标签。我们还使用了<pre>和<code>标签来创建代码块。
如果想要给重要的关键词加上高亮颜色，可以使用CSS的样式来实现。例如，以下CSS代码可以将所有的<strong>标签文本加粗并设置为红色：
strong {
font-weight: bold;
color: red;
}在上面的示例中，如果想要将某些关键词加粗并设置为红色，只需要将它们包装在<strong>标签中即可：
<p>这是一个包含<strong>重要关键词</strong>的段落。</p>