Odsyłacze

odsyłacz zwykły
odsyłacz z boldem
odsyłacz z pochyłością
odsyłacz ze złym zagnieżdżeniem
odsyłacz z accesskey="k"
inne złe zagnieżdżenie

odsyłacz zawierający tabelkę:
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

Odsyłacz nie prowadzący nigdzie
odsyłacz z długim atrybutem style
odsyłacz z obrazkiem:
odsyłacz zawierający ODSYŁACZ i jeszcze jeden o d s y ł a c z -- w sobie
odsyłacz opatrzony atrybutem title
odsyłacz z TRZEMA atrybutami href (pierwszy: inna.html; drugi: druga.html; trzeci: trzecia.html)
odsyłacz z atrybutem accesskey="i"
ten odsyłacz zawiera atrybut charset="iso-8859-2" i prowadzi do strony bez określonego kodowania

Odsyłacze do wewnętrznych identyfikatorów w dokumencie:

Skróty <abbr> i <acronym>

Przykład skrótu opisanego znacznikiem <acronym>: PKO.
Przykład skrótu opisanego znacznikiem <abbr>: ul..
Przypadkowy znacznik (<kupka>) z atrybutem title: hop hop.

Znaczniki stylu fontu i formatowania tekstu

bold, italic, bold italic, teletype text, big and small text.

big oraz zagnieżdżony big oraz zagnieżdżony biggnieżdżony big.

small oraz zagnieżdżony small oraz zagnieżdżony small.

to jest strike (niezalecany), to identycznie działający <s>, a to jest underline (też niezalecany), a to jest i jedno i drugie z niepoprawnym zagnieżdżeniem . A teraz jednocześnie: strike bold underline italics big teletype i na koniec odsyłacz !.
To jest sobie tekst wyśrodkowany z określonym stylem background

A tutaj kawałek tekstu ujęty w znaczniki <code> -- prawda że fajny? A widać ten znacznik ? Czy między tymi wyrazami jest twięcej niż jeden odstęp: PIERWSZY DRUGI?.

W niniejszym akapicie zaznaczono jako "usunięty" (<del>) tekst rozpoczynający się TERAZ: jakiś tam sobie brzydki tekst, który powinien zostać wykreślony/usunięty. Znacznik <del> uzupełniono atrybutami cite i datetime.

W niniejszym akapicie zaznaczono jako "wstawiony" (<ins>) tekst rozpoczynający się TERAZ: jakiś tam sobie brzydki tekst, który powinien zostać wstawiony. Znacznik <ins> uzupełniono atrybutami cite i datetime.

Natomiast>Natomiast tutaj mamy definicję (<dfn>): definicja jakiegoś terminu, bardzo zawiłego i długiego, ciągnąca się przez wiele wyrazów, zdań, stron i tomów.

Oto tekst z dodatkowym uwydatnieniem za pomocą znacznika <em>. A tu jeszcze silniejsze uwydatnienie -- znacznik <strong>.

Teraz troszkę tekstu w indeksie dolnym (z pogrubieniem!) i troszkę tekstu w indeksie górnym (z odsyłaczem!). A tutaj zaczynamy indeks górny i jeszcze jeden indeks górny i zagnieżdżony indeks dolny. Natomiast to jest: nazwa zmiennej ze spacjami: koniec spacji (znacznik <var>).

Testujemy od TEGO momentu znacznik <kbd> tutaj dużo spacji a tu koniec spacji.

A teraz znacznik pre:

Tu mamy zawartość znacznika pre
Spacje             Spacje                Spacje              Spacje

Tabulatory powinny być poniżej zrównane ze spacjami, czyli co 8 znaków.
12345678123456781234567812345678
	tab	tab	tab
        spacja  spacja  spacja  

Zagnieżdżony znacznik-->
<--Przełamania wiersza
A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza.

Tutaj niezalecany odpowiednik pre width=80 o nazwie <xmp>:

Tu mamy zawartość znacznika prertość znacznika pre Spacje Spacje Spacje Spacje Zagnieżdżony znacznik--&gt;<br>&lt;--Przełamania wiersza A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza. A ten tekst wychodzi poza.

A tutaj znacznik <font>: size=5, size=+3, color=red, face=helvetica.

Cytaty

Niniejszy tekst umieszczono w znaczniku <blockquote> z atrybutem cite="inny.html". Znacznik przeznaczony jest dla cytatów długich, wybitych z tekstu.

A teraz akapit z krótkim cytatem umieszczonym w znacziku <q>. Atrybut cite również powinien tu być obsługiwany.

Natomiast niniejszy akapit zawiera krótki cytat umieszczony w znaczniku <cite>

Odsyłacze do chorych dokumentów

Dokument nie zawierający znaczników html, head, body ani frameset

Dokument z wieloma znacznikami body

dwa identyczne dokumenty, wraz ze wszystimi nagłówkawszystimi nagłówkami i stpkami, w jednym pliku

Style

O stylach ogólnie

Specyficzne reguły stylów

Specjalne selektory

Tabele

Testy tabeli -- na oddzielnej stronie.

Łamanie wiersza.

Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek. Ten tekst opływa obrazek.
A ten już nie. A ten już nie.

W tym akapicie natomiast nie powinno nastąpić żadne przełamanie wiersza, ponieważ wszystkie spacje zapisano jako &nbsp;   W tym akapicie natomiast nie powinno nastąpić żadne przełamanie wiersza, ponieważ wszystkie spacje zapisano jako &nbsp;

A gdyby tak w tym:
znaczniku <br> określić jakiś styl (color: red) i tytuł (przelamanie)?

Nagłówki

Nagłówki

H1

H2

h3

h4

h5
h6

Niestandardowe znaczniki

Znaczniki niestandardowe, obsługiwane jedynie przez IE lub NS testowane są na innej stronie.

Listy

Testy list -- osobna strona.

Ramki

Testy ramek:

Kreski poziome

Zwykła:
align=right width=30%:
color=red (IE):
noshade:
size=20:
size=20, noshade
title="kreska"
linia w odsyłaczu:

Warstwy

Warstwy testowane na oddzielnej stronie Warstwy.

Adam Podstawczynski
Last modified: Thu Jun 28 12:48:51 EDT 2001