如何实现在html中手动输入文字并转换成上下标，并能在文件中正常展示

在 HTML 中手动输入文字并转换成上下标，可以使用 HTML 标签和 CSS 样式来实现。具体步骤如下：

1. 在 HTML 中输入需要转换成上下标的文字，例如：H2O。
2. 使用 `<span>` 标签将需要转换的文字包裹起来，例如：`<span>H2O</span>`。
3. 使用 CSS 样式将 `<span>` 中的文字转换成上下标，例如：

span {
  vertical-align: sub; /* 下标 */
  font-size: smaller; /* 字体缩小 */
}

4. 将转换后的文字插入到 HTML 文件中，例如：

<p>水的化学式是 <span>H<sub>2</sub>O</span></p>

这样就可以将 H2O 转换成上下标，并在 HTML 文件中正常展示。需要注意的是，使用 `<sub>` 和 `<sup>` 标签也可以将文字转换成上下标，但是这些标签会改变文字的排版，因此使用 CSS 样式更加灵活。