HTML5基础知识（1）--上标和下标文本

时间：2023-03-09 05:41:41
HTML5基础知识（1）--上标和下标文本

　　　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标记来实现。

相关文章