2.7 上标与下标

上标与下标多应用于文字或数字,如表示化学中的水元素、数学方程式,在数学中用平方、对数等。这是比较特殊的标记。

上标是位于文字或数字的右上位置的标记。如10的平方,平方符号就显示在10的右上位置。稍后做实例分析。先看语法代码,上标代码表示如下。


<sup>上标</sup>


同理,下标是在文字或数字的右下位置的标记,应用也比较广泛,如化学元素中的水元素。下标语法代码表示如下。


<sub>下标</sub>


为了比较上标与下标的用法所显示出不同效果,下面用实例来显示二者效果,如代码2.7所示。

代码2.7 源代码\第2章\上标与下标.html


——————————————文件名:上标与下标.html——————————————

01 <html>

02 <head>

03 <title>上标与下标</title>

04 </head>

05 <body>

06 <!—下面表示下标用法—>

07 这是下标<sub>下标</sub>下标<!—下标标示符—>

08 <br>

09 <!—下面表示上标用法—>

10 这是上标上标上标

11 <br>

12 <!—用下标表示水的化学表达式—>

13 H<sub>2</sub>O

14 <br>

15 <!—用上标表示10的3次方—>

16 103<!—上标标示符—>

17 </body>

18 </html>


【代码解析】上面用代码在文字体现了上、下标的位置。基本上,在代码第10行上标用表示,在代码第16行下标用<sub></sub>表示,这些标记对可以表示特殊的文本应用,如在化学和数学上的应用等。效果如图2.7所示。

2.7 上标与下标 - 图1

图 2.7 上标与下标