Programming the World Wide Web

Fejezet

2

2.3. Listák

Háromféle listát hozhatunk létre: rendezetlen, rendezett (sorszámozott), illetve definíciós listát.

2.3.1. Rendezetlen lista

Rendezetlen listát használunk, amennyiben a felsorolt elemek sorrendje nem lényeges (mint amilyen pl. egy bevásárlólista). A listát az <ul> (unordered list) tag hozza létre, új listaelemet pedig a <li> (list item) tag segítségével szúrhatunk be. Megjelenítéskor minden egyes lista-elem előtt egy felsorolási jel (bullet) jelenik meg (ez módosítható CSS stílus megadásával).

Pl. (bevásárlólista)

<ul> <li>kenyér</li> <li>tej</li> <li>gyümölcs: <ul> <li>alma</li> <li>barack</li> </ul> </li> <li>gesztenyepüre (!!!)</li> </ul>

Így néz ki:

kenyér
tej
gyümölcs:
- alma
- barack
gesztenyepüre (!!!)

2.3.2. Rendezett lista

A rendezett listában számít az elemek sorrendje. A megjelenítéskor a lista-elemek elé implicit módon szekvenciális értékek (alapértelmezett módon arab számok) kerülnek.
A rendezett lista létrehozása az <ol> (ordered list) tag segítségével történik, a lista-elemek definiálása ugyanúgy történik, mint rendezetlen lista esetén.
A rendezett-, illetve rendezetlen listákat egyaránt egymásba is ágyazhatjuk, de nem közvetlenül az <ol>, illetve <ul> tag-be kell ágyazni a következő <ol>, illetve <ul> tag-et, hanem a külső lista <ol>, illetve <li> tag-ébe kerül bele a beágyazott lista.

Pl. (Fiktív tartalomjegyzék)

<ol> <li>Bevezetés Nekeresdfalva környezetzajzába </li> <li>Közeli települések <ol> <li>Kukutyin</li> <li>Piripócs</li> <li>Üzgümüzgüfalva</li> </ol> </li> <li>Régiófejlesztési ötletek</li> </ol>

Így néz ki:

Bevezetés Nekeresdfalva környezetzajzába
Közeli települések
1. Kukutyin
2. Piripócs
3. Üzgümüzgüfalva
Régiófejlesztési ötletek

2.3.3. Definíciós lista

A definíciós lista név-érték párokat jelenít meg, tipikusan kifejezéseket és ezek definícióit. A <dl> (definition list) tag hozza létre a listát, ezen belül pedig a <dt> (definition term) tag határozza meg egy új bemenet értékét, a <dd> (definition description) tag pedig a leírást.

Pl. (légitársaságok operációs rendszer módra)



     <dl>


        <dt>Unix Airways</dt>


        <dd>Mindenki elhozza magával a repülőgép egy kis darabját, amikor megérkezik a reptérre. Mindannyian kimennek a kifutóra, és darabról-darabra összeállítják a gépet. Megállás nélkül vitatkoznak, hogy milyen típusú gépet kívánnak építeni.</dd> 


        <dt>Air DOS</dt>


        <dd>Addig tolják a gépet, amíg az siklórepülésbe nem kezd, akkor mindenki beugrik és engedik a gépet siklani amíg az újra földet nem ér. Majd megtolják, beugranak és így tovább...</dd>


        <dt>Windows Air</dt>


        <dd>A terminál nagyon szép, színes, barátságos stewardess-ek, kényelmes csomagellenőrzés és beszállás, sima felszállás. Kb. 20 perccel később a gép felrobban a levegőben bármilyen figyelmeztetés nélkül.</dd>


        <dt>Linux Air</dt>


        <dd>Az összes többi légitársaság elégedetlen munkavállalói elhatározták, hogy saját légitársaságot állítanak fel. Önmaguk építik fel a gépeket, a jegyszámlálókat és a kifutópályát. Kis összeget számolnak fel, amely fedezi a jegynyomtatás költségeit, de önmagad is letöltheted és kinyomtathatod a jegyeket. Mikor felszálltál a gépre, kapsz egy széket, négy csavart, egy franciakulcsot és egy ülés-HOWTO.html-t. Ugyan sok időbe kerül összeraknod és beállítanod az ülést, de mire kész, nagyon kényelmesnek találod. A gép felszáll és megérkezik időben minden gond nélkül, a repülés közbeni kaja csodálatos. Megpróbálod elmesélni a többi légitársaság ügyfeleinek a nagyszerű utazást, de ők mindig csak azt kérdezik, hogy: "MIT kellett csinálnod az üléssel???"</dd>


     </dl>



     

     Így néz ki:

     

     

     

        Unix Airways

        Mindenki elhozza magával a repülőgép egy kis darabját, amikor megérkezik a reptérre. Mindannyian kimennek a kifutóra, és darabról-darabra összeállítják a gépet. Megállás nélkül vitatkoznak, hogy milyen típusú gépet kívánnak építeni. 

        Air DOS

        Addig tolják a gépet, amíg az siklórepülésbe nem kezd, akkor mindenki beugrik és engedik a gépet siklani amíg az újra földet nem ér. Majd megtolják, beugranak és így tovább...

        Windows Air

        A terminál nagyon szép, színes, barátságos stewardess-ek, kényelmes csomagellenőrzés és beszállás, sima felszállás. Kb. 20 perccel később a gép felrobban a levegőben bármilyen figyelmeztetés nélkül.

        Linux Air

        Az összes többi légitársaság elégedetlen munkavállalói elhatározták, hogy saját légitársaságot állítanak fel. Önmaguk építik fel a gépeket, a jegyszámlálókat és a kifutópályát. Kis összeget számolnak fel, amely fedezi a jegynyomtatás költségeit, de önmagad is letöltheted és kinyomtathatod a jegyeket. Mikor felszálltál a gépre, kapsz egy széket, négy csavart, egy franciakulcsot és egy ülés-HOWTO.html-t. Ugyan sok időbe kerül összeraknod és beállítanod az ülést, de mire kész, nagyon kényelmesnek találod. A gép felszáll és megérkezik időben minden gond nélkül, a repülés közbeni kaja csodálatos. Megpróbálod elmesélni a többi légitársaság ügyfeleinek a nagyszerű utazást, de ők mindig csak azt kérdezik, hogy: "MIT kellett csinálnod az üléssel???"

     

	    

		 

            Ugrás az oldal tetejére