这篇文章主要介绍了html页面怎么显示上标和下标的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇html页面怎么显示上标和下标文章都会有所收获，下面我们一起来看看吧。

为鱼峰等地区用户提供了全套网页设计制作服务，及鱼峰网站建设行业解决方案。主营业务为成都网站制作、网站建设、鱼峰网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

HTML ^标签

^{标签是用来定义上标文本的。}

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

1	这是一段测试文本，包含上标

效果图：

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

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

1	PHP中文网【详情】

效果图：

HTML _标签

_{标签是用来定义下标文本的。}

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

1	这是一段测试文本，包含下标

效果图：

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

说明：

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

1 2 3 4 5 6 7 8

在数学表达式中使用sup标签 52 + 33 = 52 在数学表达式中使用sub标签     y1=20     y2=3     y1 - y2 = 17

效果图：

关于“html页面怎么显示上标和下标”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“html页面怎么显示上标和下标”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。

名称栏目：html页面怎么显示上标和下标
网址分享：http://scyanting.com/article/ghchhh.html