首页 >web前端 >html教程 > 正文

HTML上标<sup>与下标注<sub>标签元素

原创2019-10-12 16:09:480803
第九期线上培训班

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

<sup> 标签可定义上标文本。 (推荐学习:html教程)

包含在 <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上标<sup>与下标注<sub>标签元素的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:HTML
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    (*-*)浩

    认证0级讲师

    最近文章
    java 枚举使用方法629
    HTML的 <nav> 标签221
    php难吗230
    推荐视频教程
  • HTML5基础精讲视频教程HTML5基础精讲视频教程
  • HTML中文参考手册HTML中文参考手册
  • 2018前端入门_HTML52018前端入门_HTML5
  • 从零开始构建HTML页面从零开始构建HTML页面
  • 视频教程分类
    第九期线上培训班