Kurs z HTML dla początkujących

Jak dodać w tekście indeks Górny i Dolny z HTML i/lub CSS

kursy tutoriale

Kategoria wpisu Kurs HTML, Kursy, Tekst Tagi: , on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

W języku skryptowym HTML jak i w CSS bardzo łatwo uzyskać jest efekt mniejszego tekstu u góry (indeks górny) lub dołu normalnego (indeks dolny). Chodzi np. o mały numerek lub gwiazdkę na końcu akapitu lub w jego ciągu.

Indeksy z pomocą HTML

Na początek jak zwykle zaczniemy podstaw czyli HTML.

Indeks górny HTML

Indeks górny (mniejszy tekst z boku normalnego umiejscowiony u góry) uzyskać można poprzez zastosowanie elementu <sup> ( z języka angielskiego „superscript” czyli indeks górny).

przykład:

Przykładowy tekst indeks górny

 

Indeks dolny HTML

Indeks dolny uzyskujemy poprzez zastosowanie elementu <sub> (z języka angielskiego „subscript” czyli indeks dolny).

przykład:

Przykładowy tekst indeks dolny

Jak to wygląda w CSS?

Jak większość znaczników HTML także i indeksy posiadają swoje wersje CSS.

Przykładowe klasa CSS:

Przykładowy tekst indeks górny

Przykładowy tekst indeks dolny

W HTML zapisujemy to następująco

 

Efekt użycia w obu przypadkach jest praktycznie identyczny, a to który zostanie zastosowany zależy od naszych preferencji lub edytora tekstu z którego korzystamy.

Dodatkowe tagi:
index górny html
index dolny html
indeksy CSS
mały teks u góry, na dole, poniżej, z boku

 

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *