¿Cómo definir texto subíndice en HTML5?

En este artículo, definimos texto con subíndice en HTML usando el subelemento en el documento. Esta etiqueta se usa para agregar un texto con subíndice al documento HTML. La etiqueta <sub> define el texto del subíndice. El texto del subíndice aparece medio carácter por debajo de la línea normal y, a veces, se representa en una fuente más pequeña. El texto de subíndice se puede usar para fórmulas químicas, como H2O para escribirse como H2O.
Sintaxis:

<sub> ----- content--- </sub>

Ejemplo 1:

<!DOCTYPE html> 
<html> 
  
<body>
    <h2>GeeksForGeeks</h2>
    <h2>How to define subscripted Text</h2>
    <p>Testing <sub>subscript text</sub></p> 
    <p>Testing <sup>superscript text</sup></p> 
</body> 
  
</html>                     

Producción:

Ejemplo 2:

<!DOCTYPE html> 
<html> 
  
<head> 
    <style> 
        sub { 
            vertical-align: sub; 
            font-size: small; 
        } 
    </style> 
</head> 
  
<body> 
    <p>A sub element is displayed like this</p> 
    <p>This text contains <sub>subscript text</sub></p> 
    <p>Change the default CSS settings to see the effect.</p> 
</body> 
  
</html> 

Producción:

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 *