Cómo agregar texto superíndice y subíndice en HTML

Si eres webmaster o editor web, generalmente de algún sitio que requiera utilizar subíndices o superíndices, por ejemplo para ecuaciones, te habrás topado con el problema de no saber cómo poner este tipo de formato al texto.

Si bien, muchas veces basta con copiar el texto con subíndice o superíndice desde Microsoft Word, siempre es bueno saber cómo hacerlo directamente desde el editor de tu sitio web.

Muchos editores web, como el caso de WordPress por ejemplo, no cuentan con la opción de agregar superíndice o subíndice a los textos, pero hacerlo es muy simple con una simple edición HTML

Tutorial

Para agregar un superíndice, solo basta con usar la etiqueta <sup>, mientras que para un subíndice, se usa la etiqueta <sub>.

Ejemplo:

<p>Texto del párrafo<sup>superíndice</sup></p>

Esto da como resultado lo siguiente:

Texto del párrafosuperíndice

<p>Texto del párrafo<sub>subíndice</sub></p>

Texto del párrafosubíndice

Estas etiquetas no cuentan con atributos globales.

Para hacer esto desde tu editor web, en este caso WordPress, solo damos clic en «Más opciones», en el bloque que estés trabajando, y damos clic en Editar como HTML.

Al dar clic ahí, se mostrará el código HTML del bloque, por lo que solo será necesario agregar las etiquetas de subíndice o superíndice en el lugar que se requiera.

Gracias por apoyar el libre conocimiento con tu donación!
Bitcoin: bc1q4sw9260twfcxatj8mjp7358cyvrf8whzlelyhj
Ethereum: 0xFb93D2a3c9d1A0b83EE629c2dE1725BCa192e581
Litecoin: LbFduJmHvQXcpCnwfUT7aJ4DYoWSL3iQw8
Dogecoin: D7QQVqNR5rk215A4zd2gyzV9P2bLQtZHFV
Transferencia bancaria en México:
Cuenta CLABE: 646180224401848086 Nombre: Masterhacks LATAM Banco: STP

Unete a nuestros grupos:
WhatsApp: https://chat.whatsapp.com/HcazyklpyeU4X3BF657KFQ
Telegram: https://t.me/masterhacks_net
Canal de WhatsApp https://whatsapp.com/channel/0029VaBBLCn5vKAH9NOWCl3K

Deja una respuesta

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