html如何设置上标与下标——sup、sub?

2016-08-18 09:08:00 6480 5 编辑:深色多郎 来源:网站设计书籍

除了设置不同的文字效果之外,有时候在网页中还需要设置一种特殊的文字效果,即上标和下标。这在显示公式时常常会出现,而在HTML语言中,也可以通过标记轻松地进行设置。

语法:

<sup>...</sup> 上标标记。

<sub>...</sub> 下标标记。

语法解释

在该语言中,上标标记和下标标记的使用方法根本相同,只需要将文字放在标记中间即可。

实例代码

<html>

<head>

<title>上标与下标的效果</title>

</head>

<body>

在方程式中应用上标的效果<br/>

X<sup>3</sup>+9X<sup>2</sup>-3=0<br/><br/>

在文字中应用小标的效果<br/>

3X<sub>1</sub>+2X<sub>2</sub>=10

</body>

</html>

运行这段代码,可以看到如图所示的效果。

QQ图片20160818090929.png

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通