1.上标文本标签：<sup>/<sup>
2.下标文本标签：<sub></sub>
3.案例代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上标和下标文本</title>
</head>
<body>
<p>c = a<sup>2</sup> + b<sup>2</sup></p>
<p>2H<sub>2</sub> + O<sub>2</sub> → 2H<sub>2</sub>O</p>
</body>
</html>
4.案例截图
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjoAAACLCAIAAADnI6RuAAADq0lEQVR4nO3byw6iQBRAQf//p2c2M4nxBY2N9jFVOwxC6+KeIHj5AwDLu3x7AQCwTa4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoCARXN1+e/nTwrAHiuO5utgfCweXzkpADutOJflCoAbq8/lr5RDrgBWs/Rcnp6NPbemtApgQeuO5qFs7N/59Z5aBbCmRafzaDam5EqrAJY1bUBfHjl8qPPe8mxPrQJY2faMPvXfSA/bdqB5o7m6P/KU0AJwkoHnDs548OHF5s4jjF7SXe8jSwAV33/uYMo1zeEfAxULIGFaro7du5p19SZXAL/tm1dXE8shVwC/rX3v6sB73bsCKFroycDPPJL37MlAAFZmZAMQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAFyBUCAXAEQIFcABMgVAAEbubpcuXnl4eapPnmunSt552tZ5+MArG9jnj7cfPb6kdPvfu/1nhNH/IFDTflaTvo4AL+qkav73eYWa+ho738tp34cgJ8kV/+Otj9acgXweRN+i0vk6jJi6LDPliRXABMdzNXh+f7sCK8PstTV1bNl7P9EcgUw6q2fv+43R+f+lKurw7G5fvuxN+7cvFmhXAGM2p6Sm7P14RQ+3KHRNRw46YEFDC3pZvN+hXIFMGr7f1ebL6ZzdcybX4tcAYw668nAubn6sy9Lnxn6U76Wr1QWoGsjV/fPDtzfhrm/93PS/H19j+qTl1ZTvpbXHweAa/Nn5Vfm7/pDf/0VAqxs8gzVqofWXyHA4ib/e2ni0VY+6ZD1VwiwvlP+bPvJWzJfOemQ9VcIsD7TE4AAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoAAuQIgQK4ACJArAALkCoCAvydpq9e5ZqbmAAAAAElFTkSuQmCC" alt="" />
在网页中如果要把文字合理的显示出来，离不开段落标记的使用。对网页中文字段落进行排版，并不像编辑软件那样简单，在网页中要使某一段文字放在特定的位置就要使用HYML标记来实现。