HTML上标与下标注标签元素怎么使用

发布时间:2021-12-17 14:27:33 作者:iii
来源:亿速云 阅读:355

本篇内容介绍了“HTML上标与下标注标签元素怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

Html上标:<sup>上浮内容</sup>

<sup> 标签可定义上标文本。 

包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。

提示:这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 <a> 标签结合起来使用,就可以创建出很好的超链接脚注。

Html下标:<sub>下浮内容</sub>

<sub> 标签可定义下标文本。

包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。

提示:无论是 <sub> 标签还是和它对应的 <sup> 标签,在数学等式、科学符号和化学公式中都非常有用。

用法案例代码

上标:DIVCSS5<sup>www.DIVCSS5.com</sup><br /> 下标:DIVCSS5<sub>www.DIVCSS5.com</sub>

需要html的上浮上标加html sup标签,需要下浮下标注的内容加html sub标签。

1)、需要上浮上标的内容前加<sup>后加</sup>标签

2)、需要下浮下标内容前加<sub>后加</sub>标签

3)、常常在化学表达式中使用上标或下标的html标签比较多。我们使用html上标下标标签即可解决无需使用css样式来实现。

“HTML上标与下标注标签元素怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

推荐阅读:
  1. HTML5余下标签
  2. HTML上标<sup>与下标注<sub>标签元素是什么

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:HTML的px、em、pt长度单位有什么不同

下一篇:如何进行springboot配置templates直接访问的实现

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》