Tagi indeksu dolnego i górnego HTML

Tagi indeksu dolnego i górnego HTML

W HTML-u the etykietka jest używany dla indeksu dolnego, dzięki czemu tekst pojawia się nieco poniżej normalnej linii, podczas gdy etykietka jest używany w indeksie górnym, umieszczając tekst nieco powyżej normalnej linii. Tagi te służą do formatowania tekstu w sposób niższy lub wyższy niż zwykła linia tekstu, co jest przydatne w zastosowaniach takich jak wzory chemiczne lub wyrażenia matematyczne.

gh-660x321

Spis treści

Indeks

The etykietka służy do dodawania tekstu indeksu dolnego do dokumentu HTML. The tag definiuje tekst indeksu dolnego. Tekst indeksu dolnego pojawia się o połowę znaku poniżej normalnej linii i czasami jest renderowany mniejszą czcionką. Tekst indeksu dolnego może być używany we wzorach chemicznych, takich jak H2O, które można zapisać jako H 2 O.

Przykład: Implementacja tagu subscript z przykładem.

HTML




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

Element podrzędny jest wyświetlany w ten sposób p>

Ten tekst zawiera indeks dolny tekstsub> p>

Zmień domyślne ustawienia CSS, aby zobaczyć efekt. p> treść> html>>

Wyjście:

Przykład: Implementacja znacznika skryptu podrzędnego w formie matematycznej.

HTML




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

Przykłady ilustrujące tekst indeksu dolnego p>

Wzór chemiczny wody to H 2sub>Wł.>

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

Zmień domyślne ustawienia CSS, aby zobaczyć efekt.p> body> html>>

Wyjście:

Napisany u góry :

The etykietka służy do dodawania tekstu indeksu górnego do dokumentu HTML. The tag definiuje tekst indeksu górnego. Tekst w indeksie górnym pojawia się o pół znaku powyżej normalnej linii i czasami jest renderowany mniejszą czcionką. W przypisach można używać tekstu w indeksie górnym.

Przykład: Implementacja tagu superscriptowego z przykładem.

HTML




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

Element sup jest wyświetlany w następujący sposób:p>

Ten tekst zawiera tekst w indeksie górnym>p>

Zmień domyślne ustawienia CSS, aby zobaczyć efekt.p> body> html>>

Wyjście:

Przykład: Implementacja tagu sup script w formie matematycznej z przykładem.

HTML




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

Przykłady ilustrujące indeks górny tekstp>

2 4sup>=16p>

X 4sup>+ Y 6sup>p>

9 thsup> września>

Zmień domyślne ustawienia CSS, aby zobaczyć efekt.p> body> html>>

Wyjście:

Przykład: Implementacja znacznika skryptu sup i sub

HTML




> <> html> >> > <> body> >> > <> p> >Testowanie> > <> sub> >indeks dolny tekstsub> p>

Testowanie tekst w indeksie górnym> p> treść> html>>

Wyjście:

Obsługiwana przeglądarka:

  • GoogleChrome 1
  • Microsoft Edge 12
  • Firefoksa 1
  • Opery 15
  • Safari 4