🔢 Subscrito e Sobrescrito em HTML

Introdução

Em algumas situações precisamos representar informações acima ou abaixo da linha normal do texto.

Exemplos comuns são fórmulas matemáticas, químicas, unidades de medida e referências científicas.

📌 O HTML possui duas tags específicas para essa finalidade: <sub> e <sup>.

Tag <sub> - Subscrito

A tag <sub> cria um texto abaixo da linha principal.

Ela é muito utilizada em fórmulas químicas.



H<sub>2</sub>O



Fórmula da água:

H2O

Exemplos de Subscrito

Aplicação Exemplo
Água H2O
Gás Carbônico CO2
Oxigênio O2
Metano CH4

Tag <sup> - Sobrescrito

A tag <sup> cria um texto acima da linha normal.

É muito utilizada em expressões matemáticas e potências.



2<sup>2</sup>



Exemplo:

22 = 4

Exemplos de Sobrescrito

Aplicação Exemplo
Potência 102
Área m2
Volume m3
Referência Texto1

Diferença entre Sub e Sup

Tag Posição Uso
<sub> Abaixo Fórmulas químicas
<sup> Acima Potências e referências

Aplicação em Matemática



<p>

Área do quadrado:

A = lado<sup>2</sup>

</p>



Área do quadrado:

A = lado2

Aplicação em Ciência



<p>

Dióxido de carbono:

CO<sub>2</sub>

</p>



Dióxido de carbono:

CO2

Aplicação em Sites

Boas Práticas

Resumo da Aula

Elemento Função
<sub> Texto abaixo da linha.
<sup> Texto acima da linha.
🎓 Aula concluída! Agora você sabe utilizar subscrito e sobrescrito no HTML5.