可以使用<sub>和<sup>元素来分别显示下标和上标。
下标可以使用<sub>元素包裹需要显示的文本，例如：
H<sub>2</sub>O这将显示为 H2O，其中“2”处于底部位置。
上标可以使用<sup>元素包裹需要显示的文本，例如：
x<sup>2</sup>这将显示为 x2，其中“2”处于顶部位置。
需要注意的是，<sub>和<sup>元素只适用于单个字符或数字，不能用于多个字符或整个单词或句子。如果需要对多个字符或整个单词进行上下标处理，可以使用CSS样式来实现。
示例代码：
<p>化学式H<sub>2</sub>O表示水，数学公式x<sup>2</sup>+y<sup>2</sup>=r<sup>2</sup>表示圆的方程。</p>效果：
化学式H2O表示水，数学公式x2+y2=r2表示圆的方程。
需要注意的是，<sub>和<sup>元素的语义是下标和上标，不应该仅仅为了调整字符位置而滥用使用。