HTML上下标标签用法_HTML sup/sub标签上下标实现

<p>面积单位：m<sup>2</sup></p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<p>版权所有：&copy; 2025</sup></p>

<p>水的化学式：H<sub>2</sub>O</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/9803">
                            <img src="https://img.php.cn/upload/webcode/000/000/019/175998960818035.jpg" alt="微尔企业网站管理系统1.75 build build 090709">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/9803">微尔企业网站管理系统1.75 build build 090709</a>
                            <p>系统功能介绍 1 包含企业网站所必备的功能：企业信息、产品管理、人才招聘、新闻资讯、企业图片、以及视频下载等模块2 由于是从CMS系统的基础上开发而成，因此相对于一些其他的企业网站管理系统，本系统具备更强的可扩展能力，可以胜任从小型工作室到大中型企业网上门户等各种不同规模网站的需求。3 后台管理与模板完全分离，并具备非常灵活的标签技术，可以实现无限制个性化的界面定制4 操作简单，利用已经制作好的模</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="微尔企业网站管理系统1.75 build build 090709">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/9803" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="微尔企业网站管理系统1.75 build build 090709">
                        </a>
                    </div>
                
<p>数组元素：a<sub>n</sub></p>

<p>离子表示：SO<sub>4</sub><sup>2-</sup></p>
<p>科学计数法：1.2 &times; 10<sup><sub>6</sub></sup></p>