同一份课程通知，两种实现

通知包含一个标题、三个按顺序完成的步骤，以及进入本课目录的链接。阅读并运行 A、B 两种写法，比较它们如何表达这些关系。

<p><strong>课前准备</strong></p>
<p>
  1. 阅读本课目录<br>
  2. 预习列表和链接<br>
  3. 记录一个疑问
</p>
<p>查看本课目录，请<a href="index.html">点击这里</a>。</p>

<h1>课前准备</h1>
<ol>
  <li>阅读本课目录</li>
  <li>预习列表和链接</li>
  <li>记录一个疑问</li>
</ol>
<p><a href="index.html">查看本课目录</a></p>

<p><strong>课前准备</strong></p>
<p>
  1. 阅读本课目录<br>
  2. 预习列表和链接<br>
  3. 记录一个疑问
</p>
<p>查看本课目录，请
  <a href="index.html">点击这里</a>。
</p>

<h1>课前准备</h1>
<ol>
  <li>阅读本课目录</li>
  <li>预习列表和链接</li>
  <li>记录一个疑问</li>
</ol>
<p>
  <a href="index.html">查看本课目录</a>
</p>

提问：如果要在第 1 步后插入一个新步骤，A、B 各需修改哪些地方？哪种代码明确表达了“标题”和“有序列表”？请引用具体标签说明，不以字号大小作为判断依据。