lA témakör tartalma:
A listáknak alapvetően három főcsoportja van:
- Rendezetlen lista -> akkor használjuk, ha a listában használt elemek sorrendje nem fontos
- Rendezett lista -> akkor használjuk, ha a listában használt elemek sorrendje fontos
- Definíciós lista ->egyes kifejezéseket magyarázunk meg a listába építve.
- <ul>...</ul> -> rendezetlen lista definiálása
- <ol>...</ol> -> rendezett lista definiálása
- <dl>...</dl> -> definíciós lista létrehozása
- <li>...</li> -> listaelem meghatározása
- <dt>...</dt> -> definíciós lista "fogalom" eleme
- <dd>...</dd> ->definíciós lista "fogalom" elemének magyarázata
- <meta charset="utf-8"> -> a karakter kódtáblázat definiálása a head részben
- list-style-type -> listajel módosítása [lehetséges értékek például: circle (kör), square (négyzet), stb...]
- upper-roman -> a listajel: nagybetűs római szám
- lower-roman -> a listajel: kisbetűs római szám
 |
 |
 |
| rendezetlen lista eredmény | rendezetlen lista eredmény | definíciós- és kombinált lista eredmény |
 |
 |
 |
| rendezetlen lista forráskód | rendezetlen lista forráskód | definíciós- és kombinált lista forráskód |
Gyakorló feladatok
- Készíts weboldalt, amely egy rendezetlen listában jeleníti meg az általad tanult tantárgyak nevét. A tantárgy alatt zárójelben
- de nem külön listaelemként! - jelenjen meg a tantárgyat oktató tanár neve is.
A böngészőfülön megjelenő szöveg: "Tantárgyak és tanárok" - Készíts weboldalt, amely az alábbi bevásárlólistát tartalmazza: 3 kg krumpli, 4 tubus Elmex fogkrém, 1 sokmagvas vekni, 1 csomag uzsonnasonka,
1 doboz kiwi, 2 kefír, 2 rusztikus bagett, 1 kg hagyma, 1 élesztő, 1 lila káposzta, 1 csomag dán szalámi, 2 nagydobozos tejföl, 1 karton 2,8-as tej,
1 juhtúró bryndza, 1 érett avocado, 3 kg kristálycukor, 2 kg csirkecomb, 2 csomag savanyú káposzta, 3 rusztikus zsemle, 3 nagy poharas tejföl, fél kilógram banán, 10 guriga toalettpapír,
1 nagypoharas joghurt, 2 csomag frankfurti virsli, 1 doboz gomba, 4 kisdoboz főzőtejszín, 1 kg túró, 2 flakon Jar mosogatószer, 2 csomag szárzeller, 3 literes coca-cola, 2 literes
fanta üdítőital.
A feladatból hiányoznak a főcsoportok (pld.: tejtermék). Úgy készítsd el a bevásárlólistát, hogy a főcsoportok arab számokkal rendezett listában, míg a főcsoporthoz tartozó listaelemek rendezetlen allista elemként szerepeljenek.
- Alakítsd át az előző feladatot egy táblázat segítségével úgy, hogy minden főcsoport, a hozzá tartozó allista elemekkel külön-külön cellában helyezkedjen el. A cellák háttérszínének változtatásával biztosítsd, hogy azok jól láthatóan elkülönüljenek egymástól.
Táblázat és lista - dolgozat
A feladatsor és a minta segítségével hozd létre a weboldalt!