在 HTML 中创建上标文本

htmlweb developmentfront end technology更新于 2024/7/28 8:12:17

上标

在 HTML 文档中，使用 <sup> 标签可以将文本显示在字符上方。<sup> 标签本身就是上标文本。它出现在正常句子行上方半个字符的位置，并以小字体显示。这些上标文本主要用于脚注。

HTML sup 标签以较小的字体显示文本，并显示半个字符。上标由开始和结束标签组成，这些标签支持全局属性和事件属性。

它们支持多种浏览器
<sup> 标签用于表示数学公式
它还可以显示序数
它与多种浏览器技术兼容。

它可以使用层叠样式表 (CSS) 进行样式设置，我们可以放大或缩小文本。

语法

上标标签的用法是 −

<sup>上标文本</sup>

全局属性 − 此标签支持"HTML 属性参考"中描述的所有全局属性。
事件属性 − 此标签支持"HTML 事件参考"中描述的所有事件属性。

示例

让我们考虑一个例子，使用 HTML 执行数学计算表示 -

<!DOCTYPE html>
<html>
<head>
   <title>HTML sup Tag</title>
</head>
<body> Value of 5 <sup>2</sup> + 3 <sup>3</sup> = 52 </body>
</html>

示例

以下是另一个示例，在 HTML 中添加上标文本 −

<!DOCTYPE html>
<html>
<head>
   <style>
      sup {
         vertical-align: sup;
         font-size: medium;
      }
   </style>
</head>
<body>
   <p>Formula</p>
   <p> Representation Einstein:</p>
   <p>Einstein equation is: <var>E</var>= <var>m</var>
      <var>c</var>
      <sup>2</sup>.
   </p>
</body>
</html>

下标

下标用于在 HTML 文档中使用 <sub> 标签在字符下方书写文本。<sub> 标签本身就是下标文本。

它出现在正常句子行下方半个字符的位置，并以小字体显示。这些下标文本主要用于化学式，例如 O2 写作 O2。

语法

下标标签的用法如下: −

<sub>subscript text</sub>

示例

<!DOCTYPE html>
<html>
<body>
   <p>CO <sub>2</sub></p>
</body>
</html>

更多示例，了解文本下标、上标、标题、下划线等。

示例

以下示例以不同的格式表示文本 −

<HTML>
   <TITLE>Welcome to TutorialsPoint</TITLE>
   <BODY>
      <H1>1. EXAMPLE OF H1 TAG.. THIS IS THE BIGGEST HEADING. </H1>
      <H2>2. EXAMPLE OF H2 TAG.. THIS IS THE SECOND BIGGEST HEADING.</H2>
      <H3>3. EXAMPLE OF H3 TAG.. THIS IS THE THIRD BIGGEST HEADING.</H3>
      <H4>4. EXAMPLE OF H4 TAG.. THIS IS THE FOURTH BIGGEST HEADING.</H4>
      <H5>5. EXAMPLE OF H5 TAG.. THIS IS THE FIFTH BIGGEST HEADING.</H5>
      <H6>6. EXAMPLE OF H6 TAG.. THIS IS THE SIXTH BIGGEST HEADING.</H6>
      <hr>
      <P>
         <B>BOLD: This is BOLD text.</B>
      </P>
      <P>
         <I>ITALIC: This is ITALIC text.</I>
      </P>
      <P>
         <SMALL></SMALL>SMALL: This is SMALL text. </SMALL>
      </P>
      <P>SUPERSCRIPT: This is <SUP>SUPERSCRIPT</SUP>. For example: 2 <SUP>4</SUP>=16 </P>
      <P>SUBSCRIPT: This is <SUB>SUBSCRIPT</SUB>. For example: log <SUB>2</SUB>16=4 </P>
      <P>
         <U>ITALIC: This is UNDERLINED text.</U>
      </P>
   </BODY>
</HTML>