www.petr-kral.com / .cz - Osobní webový portál Petra Krále

Aktuální zpravodajství a sport

HTML pro začátečníky 3.díl

Napsal Jan Radosta

Úterý, 01 červenec 2008

Při tvorbě webových stránek se asi dříve nebo později setkáte s tvorbou seznamů. Proto jsem je i já zařadil do tohoto seriálu o HTML.

Existuje několik tagů určených pro tvorbu seznamů. Jsou to: <OL> (číselné seznamy), <UL>, <DIR>, <MENU> (pro odrážkové seznamy).

Položky v seznamu

Důležitým a asi nepostradatelným tagem při tvorbě seznamů je párový tag <LI>. Tímto tagem se ohraničují jednotlivé položky v seznamu (používá se u všech tagů pro tvorbu seznamu - vypsány nahoře). Tento tag má dva atributy:

VALUE - používá se v číslovaném seznamu. Hodnotou je celé kladné číslo a určuje, od kterého čísla se mají následující položky začít číslovat.
TYPE - používá se v odrážkovém seznamu a určuje, jaký druh odrážky se má použít. Hodnoty jsou: CIRCLE (kruh), DISC (kružnice), SQUARE (čtvere).

Číslované seznamy

K vytváření číslovaných seznamů slouží párový tag <OL>. Tento tag má ještě dva atributy:

TYPE - typ číslování (I,i,A,a,1)
START - začne číslovat od uvedeného čísla.

Ukázka zdroje	Výsledek
<OL TYPE="I" START="3"> <LI>Evropa</LI> <OL TYPE="A" START="2"> <LI>Střední evropa</LI> <OL TYPE="1" START="1"> <LI>Německo</LI> <LI>Polsko</LI> <LI VALUE="5">Česká republika</LI> <LI>Rakousko</LI> </OL> <LI>Východní evropa</LI> </OL> <LI>Asie</LI> </OL>	Evropa Střední evropa Německo Polsko Česká republika Rakousko Východní evropa Asie

Odrážkové seznamy

Pro tvorbu odrážkových seznamů jsou definovány tagy <UL>, <DIR>, <MENU>. Všechny tyto tagy jsou párové a používají se všechny stejně. Příklad použití je v následující tabulce:

Příklad použití	Výsledek
<UL> <LI TYPE="CIRCLE">Velká británie</LI> <LI>Francie</LI> <LI>Španělsko</LI> </UL>	Velká británie Francie Španělsko

Stejně to vypadá i s tagem <MENU>:

Příklad použití	Výsledek
<MENU> <LI TYPE="CIRCLE">Velká británie</LI> <LI>Francie</LI> <LI>Španělsko</LI> </MENU>	Velká británie Francie Španělsko

A stejně by to vypadalo s použitím <DIR>

Aktualizováno ( Pondělí, 11 srpen 2008 )