html页面如何显示上标和下标-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在html中，可以使用标签和标签来显示文本的上标、下标。

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

HTML 标签

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

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

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

效果图：

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

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

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

效果图：

HTML 标签

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

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

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

效果图：

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者