Testy ogólne stylów

div bez określonego stylu

div z prostym stylem

style="color: blue; background-color: yellow" To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.

divy zagniezdzone

Dwa zagnieżdżone divy

To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, strike, emphasis,  style="color: blue; background-color: yellow" To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, strike, emphasis, strong, tekst usunięty, tekst wstawiony, indeks górny, indeks dolny, znacznik <font>, trochę korochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.
strong, tekst usunięty, tekst wstawiony, indeks górny, indeks dolny, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.

span z prostym stylem

style="color: blue; background-color: yellow" To jest akapit odgraniczony znacznikiem <span>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.

Dla tego divaokreślono klasę (styl w nagłówku dokumentu)

To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasismphasis To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink. strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.

Test zagnieżdżania: poniżej słowo "emphasis" powinno być na zielono, a "bold" na żółto

To jest nagłówek, a to emphasis w nim

Tutaj **także emphasis winno** być zielone (zagnieżdżanie niebezpośrednie)

To jest nagłówek, a to emphasis z boldem

Tutaj emphasis ani bold nie powinno być już zielone

Inne elementy ze stylem określonym a) w nagłówku b) z takim samym stylem określonym na zewnątrz c) z takim samym stylem określonym na zewnątrz przez @import

Akapit <p>

Akapit <p>, ale bez znacznika zamykającego

Tabelka

nagłówek 1	nagłówek 2	nagłówek 3
komórka 1	komórka 2	komórka 3
komórka 4	komórka 5	komórka 6
komórka 7	komórka 8	komórka 9

nagłówek 1	nagłówek 2	nagłówek 3
komórka 1	komórka 2	komórka 3
komórka 4	komórka 5	komórka 6
komórka 7	komórka 8	komórka 8

nagłówek 1	nagłówek 2	nagłówek 3
komórka 1	komórka 2	komórka 3
komórka 4	komórka 5	komórka 6
komórka 7	komórka 8	komórka 9

<span>

To jest akapit odgraniczony znacznikiem <span>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink
To jest akapit odgraniczony znacznikiem <span>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indekony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink}
To jest akapit odgraniczony znacznikiem <span>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink

Znacznik nieistniejący z określoną klasą

To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.
To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.
To jest akapit odgraniczony znacznikiem <div>. Jest wystarczająco długi, by został przełamany. Zawiera zagnieżdżony bold, italic, underline, ~~strike~~, emphasis, strong, ~~tekst usunięty~~, tekst wstawiony, ^{indeks górny}, _{indeks dolny}, znacznik <font>, trochę kodu <code>, tekst wstukiwany z klawiatury, odsyłacz, a nawet blink.

Adam Podstawczynski

Last modified: Fri Jun 29 12:44:03 EDT 2001