除了设置不同的文字效果之外,有时候在网页中还需要设置一种特殊的文字效果,即上标和下标。这在显示公式时常常会出现,而在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>
运行这段代码,可以看到如图所示的效果。

猜你喜欢
联络方式:
深圳 · 龙岗 · 大运软件小镇22栋302-308
电话:400 1828 580
邮箱:szhulian@qq.com



-
【知识】CSS不定宽高的垂直水平居中(9种方法)
垂直居中,在 CSS 中是一个老生常谈的问题,面试的时候也会时常被提及。所以,今天我们就来聊聊 9 种不同的居中方法。有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还有伪元素的方法,是的,你没有看错,::after 和 ::before 也可以实现居中...
-
如何打造一个极简风格的企业网站
现在复杂的设计,布局混乱的网页设计已经开始出现审美疲劳了,极简主义风格的网站已经成为一种主流设计。这种风格的网站,虽然包含的元素机器简单,但又富有设计感,给人一种简单,大气,清爽的感觉,极简风格的网站设计在设计中已经有一定的地位了...
-
网站怎样设计才能够在搜索引擎当中占优势?
一个网站的浏览量到底如何,与它在搜索引擎当中的位置是密不可分的,一般来说在搜索引擎当中排名越靠前的网站,那么,它的浏览量就会更高,从而会给企业商家带来更大的商机...
-
【热门】一篇文章带你搞懂网站建设
以前,大家要想了解个什么东西,基本都是通过电视广告或是广播看到听到的;企业家们在宣传自己的企业时也只有通过平面广告和电视广告来进行宣传。那时候采用的方式不仅花费巨大...
-
设计产品推广页,一定要注意这5个坑
还记得前几年苹果大火时,一堆网站模仿苹果风,就连卫龙辣条都加入了。但是这么多年来,有几家公司的产品可能因为跟随设计趋势而大卖呢?显然寥寥无几,因为用户并不会因为一个产品推广页设计得很潮就决定下单。