Etiquetes de subíndex i superíndex HTML

Etiquetes de subíndex i superíndex HTML

En HTML, el etiqueta s'utilitza per a subíndex, fent que el text aparegui lleugerament per sota de la línia normal, mentre que el etiqueta s'utilitza per a superíndex, situant el text lleugerament per sobre de la línia normal. Aquestes etiquetes s'utilitzen per formatar el text d'una manera que sigui inferior o superior a la línia de text normal, útil per a aplicacions com ara fórmules químiques o expressions matemàtiques.

gh-660x321

Taula de contingut

Subíndex

El etiqueta s'utilitza per afegir un text de subíndex al document HTML. El L'etiqueta defineix el text del subíndex. El text de subíndex apareix mig caràcter per sota de la línia normal i, de vegades, es representa amb una font més petita. El text de subíndex es pot utilitzar per a fórmules químiques, com ara H2O que s'escriu com a H 2 O.

Exemple: La implementació de l'etiqueta de subscript amb un exemple.

html




> <> html> >> > <> head> >> > <> style> >> > sub {> > vertical-align: sub;> > font-size: small;> > }> > style>cap>

Es mostra un subelement com aquest p>

Aquest text conté subíndex textsub> p>

Canvieu la configuració predeterminada de CSS per veure l'efecte. p> cos> html>>>

Sortida:

Exemple: La implementació de l'etiqueta de subscript en forma matemàtica.

html




> <> html> >> <> head> >> > <> style> >> > sub {> > vertical-align: sub;> > font-size: medium;> > }> > style>cap>

Exemples per demostrar subíndex textp>

La fórmula química de l'aigua és H 2sub>Activat>

T i+2sub>= T isub> + T i+1sub>p>

Canvieu la configuració CSS ​​predeterminada per veure l'efecte.p> body> html>>

Sortida:

Superíndex :

El etiqueta s'utilitza per afegir un text en superíndex al document HTML. El L'etiqueta defineix el text en superíndex. El text en superíndex apareix mig caràcter per sobre de la línia normal i de vegades es representa amb una font més petita. El text en superíndex es pot utilitzar per a notes al peu.

Exemple: La implementació de l'etiqueta de superscript amb un exemple.

html




> <> html> >> <> head> >> > <> style> >> > sup {> > vertical-align: super;> > font-size: small;> > }> > style>cap>

Un element sup es mostra així:p>

Aquest text conté superíndex textsup>p>

Canvieu la configuració CSS ​​predeterminada per veure l'efecte.p> body> html>>

Sortida:

Exemple: La implementació de l'etiqueta sup script en forma matemàtica amb un exemple.

html




> <> html> >> > <> head> >> > <> style> >> > sup {> > vertical-align: super;> > font-size: medium;> > }> > style>cap>

Exemples per demostrar superíndex textp>

2 4sup>=16p>

X 4sup>+ I 6sup>p>

9 thsup> de setembrep>

Canvieu la configuració predeterminada de CSS per veure l'efecte.p> body> html>>

Sortida:

Exemple: La implementació de l'etiqueta sup i subscript

HTML




> <> html> >> > <> body> >> > <> p> >Prova>>>

Sortida:

Navegador compatible:

  • Google Chrome 1
  • Microsoft Edge 12
  • Firefox 1
  • Òpera 15
  • Safari 4