Listák és formázásuk

A többi szöveges dokumentumhoz hasonlóan a weboldalakon is van lehetőségünk listák alkalmazására. A HTML nyelv elemei a következő listatípusok alkalmazását teszik lehetővé:

  1. Felsorolás, vagy sorszámozatlan lista
  2. Számozás vagy sorszámozott lista
  3. Definíciós lista

Az előbbi például egy sorszámozott lista, más néven számozás. Az első kettő között valójában csak annyi a különbség, hogy a listaelem előtt sorszám, vagy csak egy listajel jelenik-e meg. A definíciós lista azonban ezektől eltérően viselkedő lista, amelyet éppen ezért külön fogunk ismertetni.

Példa összetett listára

A következőkben egy összetett lista szerepel, amelyben egyszerre mindhárom fajta listát szerepeltetjük. A forráskódját azonban a listának nem adjuk meg, próbálja meg mindenki elkészíteni. Ha nem megy, akkor természetesen ennek az olalnak a forráskódját megnézve is ki lehet deríteni, hogy hogyan készült a lista.

Hozzávalók:
Elkészítés:
  1. Keverjük össze a száraz összetevőket
  2. Öntsük bele a nedves összetevőket
  3. Keverjük 10 percig
  4. Süssük egy órán át 300 fokon
Megjegyzések:
A recept tovább ízesíthető mazsola hozzáadásával.

Feladatok listákkal

  1. Készítsd el ezt a feladatlistát HTML-ben! Készíts olyan változatot is, ahol betűzve vannak a listaelemek, illetve ahol kis/nagy római számok szerepelnek!
  2. Készíts felsorolást a holnapi teendőidről! A legfontosabbnak ítélt két teendő legyen félkövér betűkkel kiemelve, míg a következő két legfontosabb dölt betűvel.
  3. Készíts kettős listát, amelynek elején a kedvenc könyveid, a második felében a legkevésbé kedvelt könyveid szerepelnek! Mindkét rész rendelkezzen rövid címmel a belső lista tartalmáról.
  4. Gyűjtsd listába az eddig tanult HTML elemeket funkció szerint csoportosítva (beágyazott lista legyen)!
  5. Egészítsd ki az előző listát úgy, hogy minden elemnél legyenek felsorolva az annál tanult tulajdonságok egy sorszámozott listán!
  6. Gyűjtsd össze egy összetett listába
    • Az öt legjobb barátodat rangsorolva
    • Az öt kedvenc tantárgyadat rangsorolva
    • Az öt kedvenc filmedet rangsorolva
  7. Sorold fel, mely országokban jártál már! Minden országon belül sorold fel azokat a városokat, nevezetességeket, amelyeket láttál!


Következik: Hivatkozások