在HTML中添加角标，可以使用<sup>标签，下面是详细的步骤和小标题以及单元表格的示例：

1、使用小标题（<h1>到<h6>）来标记主要内容，并在需要添加角标的文本前面使用<sup>标签包裹起来。

<h1>这是一个主标题</h1>
<p>这是一个带有角标的文本：H<sup>2</sup>O</p>

在上面的示例中，"H²O"中的2就是一个角标。

2、使用单元表格（<table>）来组织信息，并在需要添加角标的单元格中使用<sup>标签包裹起来。

<table>
  <tr>
    <th>化学元素</th>
    <th>符号</th>
  </tr>
  <tr>
    <td>氢</td>
    <td>H<sup>2</sup></td>
  </tr>
  <tr>
    <td>氧</td>
    <td>O<sup>2</sup></td>
  </tr>
</table>

在上面的示例中，第一行的第二个单元格中的2就是一个角标。

通过使用<sup>标签，你可以在HTML中方便地添加角标，以表示数字、上标字母等，请注意，<sup>标签通常与文本内容一起使用，而不是单独存在。