Superíndice con HTML

Si el otro día veíamos como poner un subíndice en HTML, hoy vamos a ver como poner un superíndice en HTML.

Esto nos ayudará cuando en nuestras páginas web tengamos que poner cosas como:

• Fórmulas matemáticas: E = mc²
• Medidas: 20 km²
• Referencias a pie de página: …según lo citado en Linea de Código¹…

El elemento SUP

En este caso, para poner un superíndice con HTML necesitamos del elemento SUP. Este elemento contendrá el superíndice entre una etiqueta de inicio y otra de cierre.

<sup>texto en superíndice</sup>

Ejemplos de uso

El código necesario para expresar los ejemplos anteriores sería el siguiente:

<!-- Fórmula matemática -->
<p>E = mc<sup>2</sup></p>

<!-- Medida de superficie -->
<p>20 km<sup>2</sup></p>

<!-- Referencia a pie de página -->
<p>...según lo citado en Linea de Código<sup>1</sup>...</p>

Algo realmente útil y sencillo para añadir superíndices en tus documentos HTML.