Tutorial liste ordonate și neordonate în HTML Atribute asociate

Lecție  despre liste ordonate și neordonate în HTML. Ce sunt si cum le folosim?

Liste ordonate și neordonate în HTML:

În HTML, liste ordonate și neordonate sunt utilizate pentru a organiza și structura conținutul într-o manieră logică și ușor de citit. Lista ordonată este o listă în care fiecare element este numerotat, în timp ce lista neordonată utilizează marcatori pentru a indica fiecare element. Aceste liste sunt utile pentru crearea de articole, postări de blog, pagini de produse și multe alte tipuri de conținut.

Liste ordonate (<ol>) în HTML:

Pentru a crea o listă ordonată, folosești elementul <ol>. Fiecare element al listei este reprezentat de către eticheta <li>, iar elementele vor fi numerotate automat în ordine crescătoare.

Liste neordonate (<ul>) în HTML:

Pentru a crea o listă neordonată, folosești elementul <ul>. Ca și în cazul listei ordonate, fiecare element al listei este reprezentat de către eticheta <li>, iar elementele vor fi afișate cu marcatori, de obicei buline sau alte simboluri.

Liste împachetate (<ul> într-un <li>) în HTML:

Poți crea liste împachetate, în care liste neordonate sau ordonate sunt plasate în interiorul unui element <li> al altei liste.

Atribute speciale pentru liste (type și start):

• Atributul type poate fi folosit în lista ordonată (<ol>) pentru a specifica tipul de numerotare (numeric, litere, cifre romane, etc.).

• Atributul start poate fi folosit în lista ordonată (<ol>) pentru a specifica numărul de start pentru numerotare.

Aceasta a fost o lecție despre liste ordonate și neordonate în HTML. Acestea sunt utile pentru a structura conținutul într-o manieră organizată și ușor de citit.

Exemple Practice:

Salveaza ca HTMl si deschide pagina in browser sa vezi cu functioneaza.

<ol> <li>Elementul 1</li> <li>Elementul 2</li> <li>Elementul 3</li> </ol> <ul> <li>Elementul A</li> <li>Elementul B</li> <li>Elementul C</li> </ul> <ol> <li>Elementul 1</li> <li>Elementul 2 <ul> <li>Sub-element A</li> <li>Sub-element B</li> </ul> </li> <li>Elementul 3</li> </ol> <ol type="I" start="3"> <li>Elementul 3</li> <li>Elementul 4</li> <li>Elementul 5</li> </ol>