美文网首页
HTML 5 <sub> 和 <sup>

HTML 5 <sub> 和 <sup>

作者: 丶灰太狼他叔 | 来源:发表于2017-12-21 14:52 被阅读12次
  • sub=subString:子串,子链。即儿子辈的,也就是下标
  • sup=superString:这个很明显,是上标的意思。

实例:

    <p>这段文本包含 <sub>下标</sub></p>
    <p>这段文本包含 <sup>上标</sup></p>

样式:

sub&sup.png

具体应用举例1:方程式

<div>  
x<sub>1</sub>+y<sub>2</sub><sup>3</sup>=15  
</div> 

例1结果:

例1.png

具体应用举例2:价格修饰

<style type="text/css">  
<!--  
body { font:12px/1.8 Tahoma}  
span.price { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; color:red;}  
span.price sub { vertical-align:baseline; font-size:12px;}  
span.price sup { vertical-align:text-bottom; color:#555}  
-->  
</style>  
<body>  
<span class="price"><sup>¥</sup>43.<sub>26</sub></span>  
</body> 

例2结果:

例2.png

相关文章

  • HTML 5 <sub> 和 <sup>

    sub=subString:子串,子链。即儿子辈的,也就是下标sup=superString:这个很明显,是上标的...

  • html的星星点点

    字符实体 空格: “<” 、 “>” :<和> ×:× ÷:÷ html链接...

  • python替换转义字符

    python字符串处理有时候会出现< >&" 等转义字符HTML的< >...

  • HTML 常用标签

    HTML (hypertext markup language)html 负责结构 表示空格 <div>...

  • Read a story

    This is a lion. lt's big. lt's strong. lt has big teeth. ...

  • 2018-06-08

    LT studio :不忘初心 ,方得始终 关于LT创办,LHS和TYY走过了九年。经历九年,LT终于共创业。九年...

  • 关于html 的一些问题 2020-04-02

    html 源码中含有" . < . > 等符号 对应的html 源码是: html 源码...

  • Mybatis中特殊符号转移

    1. 写法1 原符号替换符号<<<=<=>>>=>=<><>&&'&a...

  • 初识HTML(1)

    一: 二: html编码:&;①空格 ;②<; < (less then )③>; > (gre...

  • Read a story

    lt's hot?? lt's cool here. lt's a hat. What's this? Do yo...

网友评论

      本文标题:HTML 5 <sub> 和 <sup>

      本文链接:https://www.haomeiwen.com/subject/znlawxtx.html