HTML中的上下角标

html中的上下角标，也就是在右上角或者右下角等的小数字、字母等字符，如下：

 在上图中上标/下标的数字、字母以及文字就是使用我们html中的角标标签实现的。

上角标标签是sup标签  下角标标签是sub标签，这两个标签都是双标签

---

代码：

    X<sup>2</sup> + X + 44 = 200
    酸性溶液的pH<7,如： HCI、H<sub>2</sub>SO<sub>4</sub>、CO<sub>2</sub>通入水中

在使用这些标签时，非常简单

我们只需将需要角标的字符放在对应的标签内即可

扩展：

sup标签和sub标签甚至可以设置文字相关的属性，如颜色（color属性）、文字大小（font-size属性）等，满足我们更多的需求

<style>
   sup {
      font-size: 12px;
      color: red;
   }
   sub {
      font-size: 12px;
      color: blue;
   }
</style>