[CSS/HTML] Indeks górny i dolny » Porady HTML, Porady CSS

Online: 48 | UU: 982

Porady HTML, Porady CSS | 5 maj 2008 | Wizyt: 19833

Często zachodzi potrzeba użycia indeksów - zwłaszcza w przypadku zapisywania informacji matematycznych. W tej poradzie opiszę dwa proste sposoby.

W pierwszym stworzona zostanie odpowiednia klasa dla indeksu górnego i dolnego, w drugim zastosowany zostanie zapis z wykorzystaniem tagów.

Indeks górny i dolny - zapis CSS

Kod: css
.indeks_gorny {vertical-align: super}

.indeks_dolny {vertical-align: sub}

Aby wykorzystać zapisaną wyżej klasę należy dokonać następującego zapisu w kodzie HTML.

Kod: html4strict
<p>Jakiś tekst <span class=indeks_gorny>indeks górny</span></p>

<p>Jakiś tekst <span class=indeks_dolny>indeks dolny</span></p>

Powyższy przykład wyświetli następujący tekst:

Jakiś tekst indeks górny

Jakiś tekst indeks dolny

Indeks górny i dolny - zapis HTML

Kod: html4strict
<p>Jakiś tekst <sup>indeks górny</sup></p>

<p>Jakiś tekst <sub>indeks dolny</sub></p>

Powyższy przykład wyświetli następujący tekst:

Jakiś tekst ^{indeks górny}

Jakiś tekst _{indeks dolny}

Jak widać oba przykłady różnią się, więc nie będę tu doradzał, który z nich jest praktyczniejszy.

Autor: Adam Suchowski

nowe Porady CSS » zobacz wszystkie

[HTML-CSS] Zaokrąglone rogi w tabeli, ramce? (04.02.2009)
[HTML-CSS] Podświetlane, zmieniające się linki, odsyłacze (27.05.2008)
[HTML-CSS] Zmiana kursora, własny kursor (21.05.2008)
[HTML-CSS] Jak umieścić pasek przewijania po lewej stronie (21.05.2008)
[HTML-CSS] Kolorowy pasek przewijania (21.05.2008)
[CSS-HTML] Jak dołączyć do strony zewnętrzny plik arkusza stylów css lub osadzić go w kodzie html? (05.05.2008)
[HTML-CSS] Własna ikona w pasku adresu (05.05.2008)

nowe Porady HTML » zobacz wszystkie

[HTML-CSS] Zaokrąglone rogi w tabeli, ramce? (04.02.2009)
[HTML] Przenoszenie na początek strony za pomocą kliknięcia (05.09.2008)
[HTML] Jak sprawdzić czy używana przeglądarka to Internet Explorer? (05.09.2008)
[HTML-CSS] Podświetlane, zmieniające się linki, odsyłacze (27.05.2008)
[HTML-CSS] Zmiana kursora, własny kursor (21.05.2008)
[HTML-CSS] Jak umieścić pasek przewijania po lewej stronie (21.05.2008)
[HTML-CSS] Kolorowy pasek przewijania (21.05.2008)
[HTML] Tło strony bez powielania (21.05.2008)

WordPress database error: [Table './asior3/wp_comments' is marked as crashed and last (automatic?) repair failed]
SELECT * FROM wp_comments WHERE comment_post_ID = '914' AND comment_approved = '1' ORDER BY comment_date desc

Dodaj komentarz

[HTML-CSS] Jak umieścić pasek przewijania po lewej stronie

Aby umieścić pasek przewijania po lewej stronie należy dokonać...

[HTML-CSS] Kolorowy pasek przewijania

Aby zmienić standardowe kolory paska przewijania pokazującego się podczas...

[CSS-HTML] Jak dołączyć do strony zewnętrzny plik arkusza stylów css lub osadzić go w kodzie html?

Istnieją trzy metody posługiwania się arkuszami stylów css. Pierwszą...

[HTML-CSS] Zmiana kursora, własny kursor

Aby zmienić standardowy wygląd kursora pojawiającego się np. podczas...

[HTML] Tło strony bez powielania

Są sytuacje, w których tło zastosowane na stronie ma zostać wyświetlone...

więcej » Porady HTML | Porady CSS

Giełda ofert i zleceń Dodaj
	Strona Internetowa w super cenie! Posiadasz własną firmę lub rozpoczynasz działalność gospodarczą ? to ta oferta jest skierowana właśnie do Ciebie. W dobie wzmożonej konkurencji...
Dodaj ofertę \| Załóż konto \| Dlaczego warto?

Baza Firm Dodaj
	Giejot Studio Firma Giejot Studio Jan Gwóźdź realizuje usługi w zakresie: projektowania materiałów reklamowych, spersonalizowanego druku cyfrowego, obróbki...
Dodaj firmę \| Załóż konto \| Dlaczego warto?

Katalog stron Dodaj
	cs-shisha.xaa.pl Nie dawno powstała siec serwerow CS 1.6 dopiero sie rozwija zapraszamy do rejestracji do pisania postow oraz reklamowania jej.;) Na sieci...
Dodaj stronę \| Załóż konto \| Dlaczego warto?

Sonda

Ładowanie ...

WordPress database error: [Table './asior3/wp_comments' is marked as crashed and last (automatic?) repair failed]
SELECT comment_author, comment_author_url, comment_ID, comment_post_ID FROM wp_comments WHERE comment_approved = '1' ORDER BY comment_date_gmt DESC LIMIT 5

Podobne artykuły

Sonda

Komentarze

Kalendarz artykułów