Introducere în Web Development

Există două tipuri importante de liste în HTML: ordonate <ol> și neordonate <ul>. Cele ordonate au un număr la începutul liniei, iar cele neordonate au disc, dar folosind CSS se poate configura cam orice.

În practică, cele neordonate sunt mai des întâlnite. Apar de multe ori când e nevoie de mai multe elemente simple asemănătoare, precum opțiunile dintr-un meniu. Fiecare linie din listă este reprezentat printr-un element <li>.

Listă neordonată

                    <ul>
  <li>Acasă</li>
  <li>Despre noi</li>
  <li>Produse</li>
</ul>
                

Listă ordonată

                    <ol>
  <li>Furi chiloți</li>
  <li>???</li>
  <li>Profit</li>
</ol>
                

Listele ordonate se afișează cu numere arabe. Folosind proprietatea CSS list-style-type, se poate face să afișeze și alte sisteme de numere, inclusiv litere (A-Z) sau numere romane (I, II, III, IV etc.).

Liste pe mai multe niveluri

În unele situații, e posibil să avem nevoie de liste-în liste. Modul corect de a face asta este punând sub-lista în <li>. În standardul HTML, listele pot avea doar elemente <li> ca și copii.

                    <ul>
  <li>Lapte</li>
  <li>Pâine</li>
  <li>
    Chiloți. Culori preferate:
    <ol>
      <li>Mov</li>
      <li>Verzi</li>
      <li>Roșii</li>
      <li>Negri</li>
    </ol>
  </li>
</ul>