101 - 056. Drifter (HTML - seznam)
Poslednim prvkem, ktery si v teto miniserii o HTML predstavime, je seznam. Je jedno, jestli budeme chtit vytvorit seznam cislovany, ci jen klasicke odrazky, vzdy budeme postupovat stejne. Jak tedy na to?
Vytvorit cislovany seznam nam umozni pouziti paroveho tagu "ordered list" <ol> </ol>, kterym pozadovany seznam zacneme a zaroven skoncime. Jednotlive polozky seznamu pak vkladame mezi parovy tag "list item" <li> </li>. Tento parovy tag muzeme navic rozsirit o atributy value (definuje hodnotu dane polozky) nebo type (definuje styl cislovani polozek). Jednotlive druhy cislovani mohou byt tyto:
1: cislo;
A: velke pismeno;
a: male pismeno;
I: rimska cislice velka;
i: rimska cislice mala;
Krome cislovaneho seznamu muzeme vytvorit i seznam odrazkovy. Pouze zamenime parovy tag pro cislovany seznam za parovy tag "unordered list" <ul> </ul> a mame hotovo. Pri kombinaci jak odrazek, tak ciselneho seznamu si vystacime s definici odrazky pomoci atributu type (viz priklad). Zde muzeme pouzitim atributu type definovat vzhled odrazky:
disc: tecka;
circle: kruh;
square: ctverec;
|
HTML kod konstrukce seznamu je zde:
<ol>
<li>f</li>
<li type="a">u</li>
<li type="A">n</li>
<li type="i">k</li>
<li type="I">c</li>
<li type="1">n</li>
<li type="disc">o</li>
<li type="square">s</li>
<li type="circle">t</li>
</ol>
|
A zde je vyzkousena "funkcnost":
- f
- u
- n
- k
- c
- n
- o
- s
- t
|
Jak na kes:
- n
- e
- h
- l
- e
- d
- a
- m
- e
|
- n
- e
- s
- m
- y
- s
- l
- e
- m
|
Bezproblemove zobrazeni zadani je garantovano na Firefoxu a Chromu.
Nicmene i tak se da kes bez problemu vyresit:-)
