¿Cómo definir texto en superíndice usando HTML5?

En este artículo, estableceremos un texto en superíndice usando la etiqueta <sup>. Se utiliza para agregar un texto en superíndice al documento HTML. La etiqueta sup define el texto en superíndice. El texto en superíndice aparece medio carácter por encima de la línea normal y, a veces, se representa en una fuente más pequeña. El texto en superíndice se puede utilizar para las notas al pie.

Sintaxis:

<sup> Contents... </sup>

Ejemplo 1:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Define a superscript text
    </title>
</head>
  
<body>
    <h2>
        GeeksForGeeks
    </h2>
    <h2>
        How to Define a superscript Text.
    </h2>
      
    <p>
        Geeks<sup>For</sup>Geeks
    </p>
  
    <p>
        Testing <sup>superscript text</sup>
    </p>
</body>
  
</html>

Producción:

Ejemplo 2:

<!DOCTYPE html>
<html>
  
<head>
    <style>
        sup {
            vertical-align: super;
            font-size: small;
        }
    </style>
</head>
  
<body>
    <h2>
        GeeksForGeeks
    </h2>
  
    <h2>
        HTML5: How to define 
        superscripted text?
    </h2>
  
    <p>
        A sup element is 
        displayed like this:
    </p>
  
    <p>
        This text contains 
        <sup>superscript text</sup>
    </p>
  
    <p>
        Change the default CSS 
        settings to see the effect.
    </p>
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *