html页面如何显示上标和下标

本篇文章就来给大家介绍sup> 标签和sub> 标签，让大家对sup> 标签和sub> 标签有一个简单的了解，知道sup> 标签和sub> 标签的使用方法，希望对你们有所帮助。【视频教程推荐：HTML教程】

HTML sup> 标签

sup> 标签是用来定义上标文本的。

下面我们通过简单的代码示例来看看sup> 标签是如何使用的：

p>
    这是一段测试文本，包含sup>
    上标/sup>
    /p>
    

效果图：

可以看出包含在 sup> /sup> 中的内容将会以当前文本流中字符高度的一半来显示，也就是说，会上浮一半字符的高度显示；但sup> 不会改变被包含内容的字体。

sup> 标签如果和 a> 标签结合起来使用，可以创建出很好的超链接脚注，例：

p>
    PHP中文网sup>
    【a href="http://www.php.cn/">
    详情/a>
    】/sup>
    /p>
    

效果图：

HTML sub> 标签

sub> 标签是用来定义下标文本的。

下面我们通过简单的代码示例来看看sub> 标签是如何使用的：

p>
    这是一段测试文本，包含sub>
    下标/sub>
    /p>
    

效果图：

和sup> 标签相似，sup> /sup> 中的内容将会以当前文本流中字符高度的一半显示，会下沉一半字符的高度显示；但sub> 也不会改变被包含内容的字体。

说明：

无论是 sub> 标签还是 sup> 标签，都是可以在数学等式、科学符号和化学公式中，且是非常有用的。例：

h3>
    在数学表达式中使用sup标签/h3>
    	p>
    5sup>
    2/sup>
     + 3sup>
    3/sup>
     = 52/p>
    h3>
    在数学表达式中使用sub标签/h3>
    p>
    	ysub>
    1/sub>
    =20br>
    	ysub>
    2/sub>
    =3br>
    	ysub>
    1/sub>
     - ysub>
    2/sub>
     = 17/p>
    

效果图：

总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。

以上就是html页面如何显示上标和下标的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！