HTML značky dolní a horní index

HTML značky dolní a horní index

V HTML, a štítek se používá pro dolní index, takže text se objeví mírně pod normálním řádkem, zatímco štítek se používá pro horní index, umístění textu mírně nad normální řádek. Tyto značky se používají k formátování textu způsobem, který je buď nižší nebo vyšší než běžný textový řádek, což je užitečné pro aplikace, jako jsou chemické vzorce nebo matematické výrazy.

gh-660x321

Obsah

Dolní index

The štítek se používá k přidání textu dolního indexu do dokumentu HTML. The tag definuje text dolního indexu. Text dolního indexu se zobrazuje půl znaku pod normální čarou a někdy je vykreslen menším písmem. Text dolního indexu lze použít pro chemické vzorce, jako je H2O, které se zapisují jako H 2 Ó.

Příklad: Implementace značky sub script s příkladem.

html




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

Dílčí prvek se zobrazí takto p>

Tento text obsahuje dolní index textsub> p>

Změňte výchozí nastavení CSS, abyste viděli efekt. p> tělo> html>>

Výstup:

Příklad: Implementace tagu sub script v matematické podobě.

html




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

Příklady k demonstraci dolního indexu textp>

Chemický vzorec vody je H 2sub>Zapnuto>

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

Změňte výchozí nastavení CSS, abyste viděli efekt.p> tělo> html>>

Výstup:

Horní index :

The štítek se používá k přidání textu horního indexu do dokumentu HTML. The tag definuje text horního indexu. Text horního indexu se zobrazuje půl znaku nad normální řádkou a někdy je vykreslen menším písmem. Text horního indexu lze použít pro poznámky pod čarou.

Příklad: Implementace značky super script s příkladem.

html




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

Prvek sup se zobrazí takto:p>

Tento text obsahuje horní index textsup>p>

Změňte výchozí nastavení CSS, abyste viděli efekt.p> tělo> html>>

Výstup:

Příklad: Implementace tagu sup script v matematické podobě s příkladem.

html




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

Příklady demonstrující horní index textp>

2 4sup>=16p>

X 4sup>+ Y 6sup>p>

9 thsup> září>

Změňte výchozí nastavení CSS, abyste viděli efekt.p> tělo> html>>

Výstup:

Příklad: Implementace tagů sup a sub script

HTML




> <> html> >> > <> body> >> > <> p> >Testování>>>

Výstup:

Podporovaný prohlížeč:

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