Liste în HTML: un ghid pentru utilizarea listelor pentru afișarea datelor

Listele sunt o parte esențială a HTML pentru afișarea datelor într-un mod organizat și lizibil. HTML oferă trei tipuri principale de liste: liste neordonate, liste ordonate și liste de definiții.

Listele neordonate(<ul>) folosesc puncte specifice și sunt afișate ca elemente indentate, folosind de obicei puncte negre. Aceasta este o alegere populară pentru listarea articolelor care nu necesită o anumită comandă.

Listele ordonate(<ol>) folosesc numerotare specifice sau marcatori de caractere și sunt afișate ca o listă ordonată secvenţial. Acesta este adesea folosit pentru a enumera articole într-o anumită ordine sau pentru a le numerota.

Listele de definiții(<dl>) folosesc perechi de termeni și descriere pentru a afișa date. Fiecare pereche este inclusă în etichetele <dt>(termen de definiție) și <dd>(descrierea definiției). Aceasta este o modalitate eficientă de a afișa atribute sau definiții pentru anumite concepte.

 

Lista neordonată( <ul>)

- <ul> Elementul este folosit pentru a crea o listă neordonată.

- Fiecare element din lista neordonată este plasat într-un <li> element.

- Listele neordonate sunt de obicei afișate cu marcatori sau caractere similare.

<ul>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ul>  

 

Lista ordonată( <ol>)

- <ol> Elementul este folosit pentru a crea o listă ordonată.

- Fiecare articol din lista ordonată este plasat într-un <li> element.

- Listele ordonate sunt de obicei afișate cu numere sau caractere alfabetice.

<ol>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Lista de definiții( <dl>)

- <dl> Elementul este folosit pentru a crea o listă de definiții.

- Fiecare articol din lista de definiții constă dintr-o pereche de etichete <dt>(termen de definiție) și <dd>(descrierea definiției).

- <dt> Eticheta conține cuvântul cheie sau atributul care este definit, în timp ce <dd> eticheta conține descrierea sau explicația pentru acel cuvânt cheie sau atributul respectiv.

<dl>  
  <dt>Keyword 1</dt>  
  <dd>Description for Keyword 1</dd>  
  <dt>Keyword 2</dt>  
  <dd>Description for Keyword 2</dd>  
</dl>  

 

Atribut tip listă( <ul> și <ol>)

- Atributul type este folosit pentru a specifica stilul de numerotare al unei liste ordonate.

- Valoarea atributului tip poate fi „1”(numere), „A”(litere mari), „a”(litere mici), „I”(cifre romane majuscule) sau „i”(cifre romane minuscule) .

<ol type="A">  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Atribut de pornire( <ol>)

- Atributul start este utilizat pentru a specifica valoarea de pornire a numerotării într-o listă ordonată.

- Valoarea atributului start este un întreg pozitiv.

<ol start="5">  
  <li>Item 5</li>  
  <li>Item 6</li>  
  <li>Item 7</li>  
</ol>  

 

Atribut inversat( <ol>)

- Atributul inversat este folosit pentru a afișa o listă ordonată în ordine inversă.

- Când se aplică atributul inversat, numerotarea va fi afișată în ordine descrescătoare.

<ol reversed>  
  <li>Item 3</li>  
  <li>Item 2</li>  
  <li>Item 1</li>  
</ol>  

 

Aceste atribute și elemente vă permit să creați și să personalizați liste în HTML în funcție de nevoile dvs. Le puteți folosi pentru a afișa datele într-un mod clar și organizat pe site-ul dvs.