HTML dolný a horný index značky

HTML dolný a horný index značky

V HTML, a tag sa používa pre dolný index, takže text sa zobrazuje mierne pod normálnou čiarou, zatiaľ čo tag sa používa pre horný index, umiestňuje text mierne nad normálny riadok. Tieto značky sa používajú na formátovanie textu spôsobom, ktorý je buď nižší alebo vyšší ako riadok bežného textu, čo je užitočné pre aplikácie, ako sú chemické vzorce alebo matematické výrazy.

gh-660 x 321

Obsah

Dolný index

The tag sa používa na pridanie textu dolného indexu do dokumentu HTML. The tag definuje text dolného indexu. Dolný index sa zobrazuje o pol znaku pod normálnou čiarou a niekedy je vykreslený menším písmom. Text dolného indexu možno použiť pre chemické vzorce, napríklad H2O, ktoré sa píšu ako H 2 O.

Príklad: Implementácia značky sub script s príkladom.

html




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

Podprvok sa zobrazí takto p>

Tento text obsahuje dolný index textsub> p>

Zmeňte predvolené nastavenia CSS, aby ste videli efekt. p> body> html>>

Výkon:

Príklad: Implementácia značky sub script v matematickej forme.

html




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

Príklady na demonštráciu dolného indexu textp>

Chemický vzorec vody je H 2sub>Zapnuté>

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

Zmeňte predvolené nastavenia CSS, aby ste videli efekt.p> body> html>>

Výkon:

Horný index :

The tag sa používa na pridanie textu horného indexu do dokumentu HTML. The tag definuje text horného indexu. Text horného indexu sa zobrazuje o pol znaku nad normálnou čiarou a niekedy je vykreslený menším písmom. Text horného indexu možno použiť pre poznámky pod čiarou.

Príklad: Implementácia značky super script s príkladom.

html




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

Prvok sup sa zobrazí takto:p>

Tento text obsahuje horný index textsup>p>

Zmeňte predvolené nastavenia CSS, aby ste videli efekt.p> body> html>>

Výkon:

Príklad: Implementácia značky sup script v matematickej forme s príkladom.

html




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

Príklady na demonštráciu horného indexu textp>

2 4sup>=16p>

X 4sup>+ Y 6sup>p>

9 thsup> septembra>

Zmeňte predvolené nastavenia CSS, aby ste videli efekt.p> body> html>>

Výkon:

Príklad: Implementácia tagu sup a sub script

HTML




> <> html> >> > <> body> >> > <> p> >Testovanie>>>

Výkon:

Podporovaný prehliadač:

  • Google Chrome 1
  • Microsoft Edge 12
  • Firefox 1
  • Opera 15
  • Safari 4