在 HTML 中，我们可以使用 sup 和 sub 这 2 个标签来创建上标文本和下标文本。
- sup 标签：创建上标文本，上标通常用于显示数学指数、上标符号等。
- sub 标签：创建下标文本，下标通常用于显示化学元素原子数量、脚注等。
HTML 上标标签
HTML 中，我们可以使用 sup 标签来实现文本的上标效果。
语法：
<sup>上标文本</sup>说明：
sup，是 “superscripted（上标）” 的缩写。
示例 1：HTML 创建上标
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>
</body>
</html>页面效果如下图所示。
分析：
如果你想要将某个数字或文字变成上标效果，只要把这个数字或文字放在 <sup></sup> 标签内就可以了。
HTML 下标标签
在 HTML 中，我们可以使用 sub 标签来实现文本的下标效果。
语法：
<sub>下标文本</sub>说明：
sub，是 “subscripted（下标）” 的缩写。
示例 2：HTML 创建下标
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>H<sub>2</sub>SO<sub>4</sub>是硫酸分子</p>
</body>
</html>页面效果如下图所示。
分析：
如果想要将某个数字或文字变成下标效果，我们只要把这个数字或文字放在 <sub></sub> 标签内就可以了。
